Simpele SlideShow

Auteur: SmokaLot - 10 december 2004 - 16:42 - Gekeurd door: Dennisvb - Hits: 8438 - Aantal punten: 2.67 (3 stemmen)

Dit is maar een basic scriptje dat niet veel voorstelt maar het kan wel handig zijn op je site. Opmaak zit er niet in dat kan je dan makkelijker zelf bepalen.

Het script is een slideshow waar de gebruiker zelf de vooruitgang van de afbeeldingen bepaald door op Prev - Next te klikken.

In het head gedeelte moet je zelf wel de afbeeldingen aangeven die je wil laten zien. En in de body moet je ook de startafbeelding wijzigen.

Code:

In het head gedeelte plaats je

php code - Bekijk de code zonder highlighting - Klap code in

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
adimgs = new Array
("pic1.gif","pic2.gif","pic3.gif",
"pic4.gif","pic5.gif","pic6.gif")
adv = 0
advct = adimgs.length - 1
function previt() {
if (document.images && adv > 0) {
adv--
document.cycleit.src= adimgs[adv]
} }
function nextit() {
if (document.images && adv < advct) {
adv++
document.cycleit.src= adimgs[adv]
} }
</SCRIPT>

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
adimgs = new Array
("pic1.gif","pic2.gif","pic3.gif",
"pic4.gif","pic5.gif","pic6.gif")
adv = 0
advct = adimgs.length - 1
function previt() {
if (document.images && adv > 0) {
adv--
document.cycleit.src= adimgs[adv]
} }
function nextit() {
if (document.images && adv < advct) {
adv++
document.cycleit.src= adimgs[adv]
} }
</SCRIPT>

In de body plaats je

php code - Bekijk de code zonder highlighting - Klap code in

                <IMG SRC='pic1.gif' WIDTH=184 HEIGHT=119
BORDER=0 NAME="cycleit"><P>
<A HREF="javascript:previt()">&lt; PREV</A>
&nbsp; <A HREF="javascript:nextit()">NEXT ></A>

            
<IMG SRC='pic1.gif' WIDTH=184 HEIGHT=119
BORDER=0 NAME="cycleit"><P>
<A HREF="javascript:previt()">&lt; PREV</A>
&nbsp; <A HREF="javascript:nextit()">NEXT ></A>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (2)