Slideshow in Flash

[Benjken]

hallo,

Ik had een leuke slideshow gevonden in PHP, maar wat bleek? Dat mijn mijn webruimte geen PHP ondersteunde. Aangezien je geen gratis snelle webhosts vindt die PHP ondersteunen ben ik dus op zoek naar een slideshow in Flash (of eventueel iets anders).
Ik zou wel willen dat hij lijkt op PHPslideshow op deze site ->
http://www.zinkwazi.com/scripts/

Ik zou er ook graag thumbnails bijhebben.

Alvast bedankt.

 

[vanschagen]

http://flash.dvd-photo-slideshow.co...free_download_pictures_slideshow_flash_mx.php

 

[JeroenE]

Of gewoon met javascript zoals in volgende voorbeelden.

• Voorbeeld 1 deze kan ook zonder frames, maar dan ook zonder horizontale scrollbar.
• Voorbeeld 2 deze opent een nieuw venster met een hele slideshow vanaf de foto die je koos.
• Voorbeeld 3
• Voorbeeld 4 de gallery op deze site is mijn trots.ik heb ondertussen ook de scroll onder de foto's weggekregen, maar twan heeft het nog nie aangepast

Aan jou de keuze tussen alle reeds gegeven mogelijkheden, en waarschijnlijk nog heel veel meer.

Greetz : Jeren.

 

[roosje1996]

Of gewoon met javascript zoals in volgende voorbeelden.

• Voorbeeld 1 deze kan ook zonder frames, maar dan ook zonder horizontale scrollbar.
• Voorbeeld 2 deze opent een nieuw venster met een hele slideshow vanaf de foto die je koos.
• Voorbeeld 3
• Voorbeeld 4 de gallery op deze site is mijn trots.ik heb ondertussen ook de scroll onder de foto's weggekregen, maar twan heeft het nog nie aangepast

Aan jou de keuze tussen alle reeds gegeven mogelijkheden, en waarschijnlijk nog heel veel meer.

Greetz : Jeren.

Excuus, ik reageer ook graag even hierop. Ik ben bezig om slideshow te maken, maar voorbeeld 4 is een mooie slideshow. Kan ik deze ook evt gebruiken, en zoja hoe integreer je deze binnen een laag in dreamweaver? (hoop geen al te lastige vraag, bvd dank!)

 

[JeroenE]

Het volgende komt in de head van je document :

<style type="text/css">
#imgexpl {
text-align:center;
font-weight:bold;
}
</style>
<script language="javascript" type="text/javascript">
<!--
var img = new Array();
img[0] = "naamfoto1||uitleg van foto 1";
img[1] = "naamfoto2||uitleg van foto 2";
img[2] = "naamfoto3||uitleg van foto 3";
function showthisimg(num) {
d = document.getElementById;
d("bigimg").src = "mapwaardefotozichbevindt" + img[num].split('||')[0] + ".jpg";
d("imgexpl").innerHTML = img[num].split('||')[1];
};
-->
</script>

naamfoto1, naamfoto2, naamfoto3 .... verander je in de naam van de foto.
Hetzelfde doe je met "uitleg van foto1"...
mapwaardefotozichbevindt verander je in de juiste map waar de foto in zit. Zit die in dezelfde map als je html-bestand, dan verander je die lijn in : d("bigimg").src = img[num].split('||')[0] + ".jpg";

Je kan zoveel keer img[nummer] toevoegen als je wilt.

Zet het volgende in de layer waar de slideshow moet komen :

<table>
<tr valign="middle"><td align="center">
<script language="javascript" type="text/javascript">
<!--
for (var i = 0; i < img.length; i++) {
document.write("<img src='mapwaardefotozichbevindt" + img[i].split('||')[0] + ".jpg' width='100' height='75' vspace='2' hspace='2' onMouseDown='showthisimg(" + i + ");'>");
if (eval(i + 1) % 3 == 0) {
document.write("<br>");
};
};
-->
</script>
</td><td align="center">
<p><img src="mapwaardefotozichbevindt/naamfoto1.jpg" id="bigimg" width="640"></p>
<div id="imgexpl">uitleg van foto 1</div>
</td></tr>
</table>

Ook hier verander je hetzelfde als in de head : mapwaardefotozichbevindt, naamfoto1 en uitleg van foto 1

Hier een werkend voorbeeld dat iets eenvoudiger is dan die op de site van voorbeeld 4.

Greetz : Jeren.