[HTML] Auto change image (slideshow) - Softwareontwikkeling

maandag 17 oktober 2005 11:52

Acties:

As an angel hits the ground

Topicstarter

Ik weet dat dit een forum is van redelijk hoog niveau, en mijn vraag voor sommige erg 'beginners' achtig is. Maar als iemand me even op weg zou willen helpen, graag $_/-\o_$

Wat is mijn probleem?
Ik zou graag een 'simpele' pagina willen hebben waarop een afbeelding na 15 sec. veranderd naar de volgende foto in de lijst (1.jpg, 2.jpg, etc.)
Afbeeldingslocatie: http://home.wanadoo.nl/madani/prob.jpg

Afbeeldingslocatie: http://home.wanadoo.nl/madani/prob.jpg

offtopic:
Nee niet gemaakt met Paint, maar met AppleWorks

Dit het liefst via een (simpele) HTML, ik heb gezocht op internet, maar niets gevonden over een HTML code die dit doet. Maar ik kan natuurlijk de verkeerde zoektermen gebruikt hebben:
HTML+auto+change+photo
HTML+photoshow
photo+slide+HTML

Als iemand me een 'duw' in de goede richting kan geven, graag.

maandag 17 oktober 2005 11:52

Acties:

disjfa

be

setInterval en getElementById

disjfa - disj·fa (meneer)
disjfa.nl

maandag 17 oktober 2005 12:03

Acties:

Borizz

Dit kan niet enkel met HTML (of je moet net zoveel html pagina's gaan maken als je foto's hebt). Maar met behulp van Javascript moet het wel lukken. Neem ook eens javascript op in je zoekwoorden dan moet je er zeker uitkomen.

Toch maar even wat code erbij:

JavaScript:

var fotos = new Array("1.jpg",2.jpg","3.jpg");
function changePhoto(count) {
  var foto = document.getElementById('foto');
  foto.src = fotos[count];
  count++;
  if (count < fotos.length) { setInterval('changePhoto('+count+')',15000); }
}

Geef in je HTML het plaatje element (de <img> tag) de id 'foto' en roep bij het laden van de pagina changePhoto(0) aan:

HTML:

1	<body onload="changePhoto(0);">

If I can't fix it, it ain't broken.

maandag 17 oktober 2005 12:07

Acties:

XangadiX

trepanatie is zóó kinderachtig

offtopic:
[quote]
offtopic:
Nee niet gemaakt met Paint, maar met AppleWorks
[/quote]

alsof dat de boel er beter op maakt

Zoals de vorige replyers aangeven is het het makkelijkst om een set adressen van je plaatjes in een rij te plaatsen en met behulp van javascript deze 1 voor 1 langs te laten komen. Dat soort stukjes code kun je gemakkelijk op hotscripts vinden.

het kan natuurlijk ook met behulp van flash, er zijn redelijk veel standaard "players" dit dit doen, en gewoon een directory op de server uitlezen.

[ Voor 34% gewijzigd door XangadiX op 17-10-2005 12:12 ]

Stoer; Marduq

maandag 17 oktober 2005 16:48

Acties:

sopsop

[v] [;,,;] [v]

Ik heb deze gemaakt voor mezelf:
http://bleermakers.com/slideshow.asp?tid=46

Die interval is er vrij eenvoudig in te hangen door om de x aantal seconden de click op de next button af te schieten.

Even nog wat uitleg:
Ik maak twee javascript arrays aan: imgarray en imginfoarray. In imginfoarray staat de url naar een php-scriptje die als result de EXIF-data van de foto geeft. Uiteraard bouw ik de twee imgarrays dynamisch op m.b.v. ASP.

Verder is het cruciaal gebleken om de 'next' click als volgt aan te roepen:

code:

1	t = setTimeout('switchpic()',10);

Op de een of andere manier wordt anders de foto niet bijgewerkt.

[ Voor 53% gewijzigd door sopsop op 17-10-2005 16:57 ]