How do you make a slide show?

al man · Aug 31, 2011

Hi!

How do you make a slide show like the one down?

http

/normandinmarketing.com/

(you might see there's a quote/testimonial one there, if u click on the arrows
it's gonna switch quotes).

I am told it's gotta be with nav, but according to some sources
it's not supported by browsers (not IE, nor Mozilla, Opera, Zafari, Chrome...) ¬ ¬
Or I'm doing something wrong as it will show me a way different result...

Any ideas?

PhilFrisbie · Aug 31, 2011

If you like what you see on a page just look at the page source.

And I always test my own pages, so I have multiple browsers installed.

BTW, that page seems to work fine with Firefox 6. . .

al man · Sep 1, 2011

Hey PhilFrisbie! thanks for the reply

Cool that it works in Firefox!

I'd done that & even identified the portion of the code for the slideshow before asking

it's a great tool & it's helped me big time the last weeks I've got deeper in this.

I even tried it out on a trial HTML I set, got nothing all of the data spread on the page :S

<div id="Some stuff">

<div id="quotes">
<ul>

<li>
<blockquote>
<p><img src="Gif animation.gif" alt="Just do it" /></p>
</blockquote>
<cite>- Nike -</cite>
</li>

<li>
<blockquote>
<p><img src="Gif animation.gif" alt="Who said it?" /></p>
</blockquote>
<cite>- The Godfather. -</cite>
</li>

<li>
<blockquote>
<p><img src="Gif animation.gif" alt="Eye for an eye, U'll need to be a fly my friend!" /></p>
</blockquote>
<cite>- Ghandi -</cite>
</li>

<li>
<blockquote>
<p><img src="Gif animation.gif" alt="I have my feet on earth, & sometimes on water... " /></p>
</blockquote>
<cite>- Abe Lincoln -</cite>
</li>

</ul>
</div>


</div>


I'd also read at w3schools about nav, & for some odd reason, it's not supported by the major browsers... but it's working on these crew's code!

Is there any condition, plug-in or activeX required for slide shows & animations?

PhilFrisbie · Sep 1, 2011

I have used the Ultimate Fade-in slideshow for photos.

al man · Sep 4, 2011

Trying some stuff out. I'm supposed to mod some values in the script, but browser won't display the pictures. What am I doing wrong?

I took one of the basic ones from that place: http

/www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>

<script type="text/javascript">

var photos=new Array()
var photoslink=new Array()
var which=0

//define images. You can have as many as you want:

photos[0]="link here"
photos[1]="link here"
photos[2]="link here"

//Specify whether images should be linked or not (1=linked)
var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""

//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages=new Image()
preloadedimages.src=photos
}

function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}

function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}

function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="400" colspan="2" height="522"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=2>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>

</body>
</html>

Is it because links that I've used have no underscores, or is it because I'm supposed to define a size for the display area or because of something else?

al man · Sep 25, 2011

Best answer selected by aL mAN.

al man · Sep 25, 2011

I've been learnin' & tinkering... thanks a lot!

PhilFrisbie · Sep 26, 2011

Anytime. . .

Dark Lord of Tech · Sep 27, 2011

This topic has been closed by Area51reopened

Search

How do you make a slide show?

al man

Distinguished

PhilFrisbie

PhilFrisbie

Distinguished

al man

Distinguished

PhilFrisbie

Distinguished

al man

Distinguished

al man

Distinguished

al man

Distinguished

PhilFrisbie

Distinguished

Dark Lord of Tech

Retired Moderator

Similar threads

TRENDING THREADS

Moderators online

Share this page