diashow waarbij de foto's draaien-

Moria · 14 sep 2009, 23:48

Hallo,

Ik heb hier al eens een vraagje gesteld over een slideshow voor een website, en heel vlug geholpen geweest

Dus..hier ben ik nog eens, daar ik met een nieuwe update bezig ben van een site. Ik wil eens op een andere manier foto's presenteren en heb volgende script gevonden.

Deze werkt zonder problemen, maar...zodra ik op dezelfde pagina een tweede wil plaatsen, draaien de foto's niet meer.

Weet iemand of het mogelijk is om meerdere van deze diashow op 1 pagina te plaatsen en wat ik moet veranderen in het script daarvoor aub ?

vriendelijke groetjes
Moria

PS: wanneer ik het schript een tweede keer plaats verander ik wel in het gedeelte dat tussen de body tags komt de naam van het plaatje, dus dat van het eerste plaatje van de tweede groep. Die eerste plaatjes komen dus wel correct op de pagina, maar de foto's draaien niet meer.

tussen de <Head> Tags, komt het volgende

<script language="JavaScript1.1">
var nieuwbeeldje=new Array()// hier plaats je je afbeeldingen , je kunt er net zoveel toevoegen als je wilt
nieuwbeeldje[0]="foto1.jpg"//naam 1e plaatje
nieuwbeeldje[1]="foto2.jpg"//etc....
nieuwbeeldje[2]="foto3.jpg"
nieuwbeeldje[3]="foto4.jpg"
nieuwbeeldje[4]="foto5.jpg"

var tussentijd=4000 //verander hier de tussentijd tusse nhet draaien ( in miliseconden
var teller =1;
var beeldje=new Array()
for (i=0;i<nieuwbeeldje.length;i++){
beeldje=new Image()
beeldje.src=nieuwbeeldje
}
function beeldwissel(){
if (window.createPopup)
blok.filters[0].apply()
document.images.blok.src=beeldje[teller].src;
if (window.createPopup)
blok.filters[0].play()
teller++;
if (teller==beeldje.length)
teller=0;
setTimeout("beeldwissel()",tussentijd)
}
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)")
</script>

tussen de <body> tags komt het volgende

<img src="foto1.jpg" name="blok" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">

coderunner · 15 sep 2009, 18:18

Beste Moria,

Deze keer is het niet zo simpel en zal je bijna het hele javascript moeten herschrijven en trouwens dit javascript maakt gebruik van filters die uitsluitend door Internet Explorer worden ondersteund en niet door andere browsers.
Als ik jou was zou ik afzien van deze slideshow om foto's te tonen en een slideshow zoeken die door alle browsers wordt ondersteund en die de optie heeft meerdere slideshows per pagina te tonen .

mvg,
Coderunner

ultddave · 15 sep 2009, 18:33

Gaat dat niet crashen trouwens coderunner? Als je 2x javascripts hebt die dezelfde variabelen gebruiken (Dezelfde naam bedoel ik dan).

Dan zit je eigenlijk met 2 scripts aan 1 variabele te prutsen en dat resulteert meestal in slechte dingen.

Mvg,
Dave

coderunner · 15 sep 2009, 19:11

Ook al geef je alle variabelen een andere naam dan nog zal slechts 1 window.onload opgeroepen kunnen worden en dit is de laatste omdat die als laatst iets aan window.onload toewijst.

mvg,
Coderunner

ultddave · 15 sep 2009, 19:40

Klopt.

coderunner · 15 sep 2009, 19:56

Beste Moria,

Over je probleem nagedacht en misschien is dit wel een mogelijke oplosssing.

Wil je toch dit javascript 2x gebruiken om op één pagina 2 slideshows te tonen, dan stel ik voor de slideshows te tonen in iframes.

Hoe ga je tewerk.

Doorvoor moet je 3 pagina's aanmaken waarvan 2 met de slideshows en 1 met de iframes.

1- Pagina 1: slideshow 1 >> slideshow1.html

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>DiaShow 1</title>

<script language="JavaScript1.1"> 
var nieuwbeeldje=new Array()// hier plaats je je afbeeldingen , je kunt er net zoveel toevoegen als je wilt 
nieuwbeeldje[0]="foto1.jpg"//naam 1e plaatje 
nieuwbeeldje[1]="foto2.jpg"//etc.... 
nieuwbeeldje[2]="foto3.jpg" 
nieuwbeeldje[3]="foto4.jpg" 
nieuwbeeldje[4]="foto5.jpg" 

var tussentijd=4000 //verander hier de tussentijd tusse nhet draaien ( in miliseconden 
var teller =1; 
var beeldje=new Array() 
for (i=0;i<nieuwbeeldje.length;i++){ 
beeldje[i]=new Image() 
beeldje[i].src=nieuwbeeldje[i] 
} 
function beeldwissel(){ 
if (window.createPopup) 
blok.filters[0].apply() 
document.images.blok.src=beeldje[teller].src; 
if (window.createPopup) 
blok.filters[0].play() 
teller++; 
if (teller==beeldje.length) 
teller=0; 
setTimeout("beeldwissel()",tussentijd) 
} 
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)") 
</script>

</head>

<body>

<div align="center">
<img src="foto1.jpg" name="blok" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</div>

</body>

</html>

2- Pagina 2: slideshow 2 >> slideshow2.html

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>DiaShow 2</title>

<script language="JavaScript1.1"> 
var nieuwbeeldje=new Array()// hier plaats je je afbeeldingen , je kunt er net zoveel toevoegen als je wilt 
nieuwbeeldje[0]="foto6.jpg"//naam 1e plaatje 
nieuwbeeldje[1]="foto7.jpg"//etc.... 
nieuwbeeldje[2]="foto8.jpg" 
nieuwbeeldje[3]="foto9.jpg" 
nieuwbeeldje[4]="foto10.jpg" 

var tussentijd=4000 //verander hier de tussentijd tusse nhet draaien ( in miliseconden 
var teller =1; 
var beeldje=new Array() 
for (i=0;i<nieuwbeeldje.length;i++){ 
beeldje[i]=new Image() 
beeldje[i].src=nieuwbeeldje[i] 
} 
function beeldwissel(){ 
if (window.createPopup) 
blok.filters[0].apply() 
document.images.blok.src=beeldje[teller].src; 
if (window.createPopup) 
blok.filters[0].play() 
teller++; 
if (teller==beeldje.length) 
teller=0; 
setTimeout("beeldwissel()",tussentijd) 
} 
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)") 
</script>

</head>

<body>

<div align="center">
<img src="foto6.jpg" name="blok" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</div>

</body>

</html>

3- Pagina 3: pagina met iframe. Op de plaats waar je de diashow wil tonen, schrijf je onderstaande code

Code: Selecteer alles

<!--Plaats iframe op de pagina op de plaats waar de slideshow moet getoond worden-->
<iframe src ="slideshow1.html" width="450" height="650" frameborder="0" scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>

<!--Plaats iframe op de pagina op de plaats waar de slideshow moet getoond worden-->
<iframe src ="slideshow2.html" width="450" height="650" frameborder="0" scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>

Voor een werkend voorbeeld, klik hier

mvg,
Coderunner

Moria · 15 sep 2009, 20:26

Hallo Coderunner

Dank je wel voor het zoeken naar een oplossing !

Ik ben nu wel aan het twijfelen of ik het dan toch zou doen, omdat je in je vorige bericht zegt dat enkel de browser van internet explorer deze slideshow kan weergeven

, er zijn inderdaad mensen die al eens gemeld hadden dat ze de intro van de site niet konden zien met firefox, en dus niet binnengeraakten op de site.

Hoe kan ik zien welke scripts of flash of...ook werken met andere browsers, moet ik dat telkens uitproberen met verschillende browsers, of is dat te zien in een script ?

zal nog wat nadenken of ik deze script dan toch ga gebruiken, maar ik heb toch weer wat bijgeleerd...en mooie slideshows hoor

vriendelijke groeten
Moria

coderunner · 15 sep 2009, 20:32

Beste Moria,

Moria schreef:Hoe kan ik zien welke scripts of flash of...ook werken met andere browsers, moet ik dat telkens uitproberen met verschillende browsers, of is dat te zien in een script ?

Inderdaad door je pagina('s) te testen in verschillende browsers.

Moria schreef:... dat enkel de browser van internet explorer deze slideshow kan weergeven ...

De slidehow werkt wel in Firefox (FF) maar daar er in het javascript gebruik wordt gemaakt van Internet Explorer (IE) filters die FF niet ondersteunt, geeft het niet hetzelfde resultaat als in IE. In FF is het een gewone beeldwisseling.

Wat is trouwens de url van je website? (indien je dit niet op het forum open en bloot wil tonen, dan kan je dit via een peroonlijk bericht naar mij doorsturen)

mvg,
Coderunner

Moria · 15 sep 2009, 22:44

Goedeavond Coderunner,

Ik werk dus met IE 8, heb ondertussen ook FF, zijn er nog andere browsers en welke waarin ik dan moet testen ?

Het is fantastisch hoe ik hier, zelfs dat ik maar zeer weinig op het forum kom, zo vlug geholpen ben. Niet op elk forum is dat zo. Een dikke pluim !

http://www.urokshof.be/ (gaat over de kennel van een vriend, en dus niet over mezelf)

coderunner · 15 sep 2009, 23:12

Beste Moria,

Ja er zijn zeker nog andere browsers zoals Opera, Safari, Chrome, ...
Ikzelf beperk me tot het uittesten in IE 6 7 en 8 en FF.

mvg,
Coderunner

ultddave · 16 sep 2009, 12:08

Er zijn een stuk of 100 browsers, als het er niet meer zijn. Maar de voornaamste heeft Coderunner opgenoemd.

Ook Lynx of Links wordt af en toe gebruikt. (Text - Based Browser) Maar die kunnen die slideshow zoiezo niet zien

.

Mvg,
Dave