PDA

View Full Version : Slide show problem



cliffoakley
09-10-2011, 09:08 AM
1) Script Title:
Flexi Slideshow- Dynamic Drive (www.dynamicdrive.com)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/flexislide.htm

3) Describe problem:
Image path issue.

What have i done wrong here with the image path?
I simply put where the image is (if you put the URL in the address bar it does link to the image)

/***********************************************
* Flexi Slideshow- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/70.jpg
', '', '']
variableslide[1]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/78.jpg
', '', '']
variableslide[2]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/83.jpg
', '', '']


....then the rest has been left untouched by me

Before i changed it from the original it did appear to be working (though it did have a X in the box because i didn't have the images to hand...the "aliens have landed" text also worked so it must be simple!

It's my first post and i have virtually NO knowledge with this sort of thing...i just want to make the website a bit more interesting.

This is the website...the script is after the 'Welcome' text


http://www.stpaulsgoosegreen.org.uk/

azoomer
09-10-2011, 09:17 AM
try to avoid the line break and see if that helps
instead of

variableslide[0]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/70.jpg
', '', '']
make it like this:

variableslide[0]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/70.jpg', '', '']

jscheuer1
09-10-2011, 09:19 AM
This:


variableslide[0]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/70.jpg
', '', '']
variableslide[1]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/78.jpg
', '', '']
variableslide[2]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/83.jpg
', '', '']

should be:


variableslide[0]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/70.jpg', '', '']
variableslide[1]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/78.jpg', '', '']
variableslide[2]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/83.jpg', '', '']

There could also be other problems but this much needs to be fixed first and might be the only proplem.

cliffoakley
09-10-2011, 11:28 AM
It worked...It was simply the line break. Thanks so much. :)

cliffoakley
09-10-2011, 03:57 PM
I just know this will take everyone about 10 seconds to answer this!

variableslide[6]=['http://www.stpaulsgoosegreen.org.uk/content/pages/uploaded_images/69.jpg', 'http://uk.alpha.org/', '']

What do i add to make the 'http://uk.alph.org' open in a new blank window (one that is not full screen when it opens so the user is aware that its not just a new page on the website).

Thanks again

jscheuer1
09-10-2011, 06:03 PM
Use this version of the script (copy the whole thing as a number of things are different, then configure the variableslides array to be your own):


<script type="text/javascript">

/***********************************************
* Flexi Slideshow- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)", optional event or attribute for link]

variableslide[0]=['http://www.dynamicdrive.com/dynamicindex4/ball.gif', '', '']
variableslide[1]=['http://www.dynamicdrive.com/spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.', 'onclick="return variableslide.clickfunc(this);"']
variableslide[2]=['http://www.dynamicdrive.com/dynamicindex4/cake.gif', '', '']

variableslide.clickfunc = function(el){
open(el.href, '_new', 'width=650, height=500');
return false;
};

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='130px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#F3F3F3'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'"' + (variableslide[currentslide][3]? variableslide[currentslide][3] : '') + '>'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</script>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

Notice the line (addition highlighted, scroll the block to see it):


variableslide[1]=['http://www.dynamicdrive.com/spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.', 'onclick="return variableslide.clickfunc(this);"']

If you add that to any variableslides entry that has a link configured for it, it will launch a new window using:


variableslide.clickfunc = function(el){
open(el.href, '_new', 'width=650, height=500');
return false;
};

Adjust the width and height as desired. See:

http://www.w3schools.com/jsref/met_win_open.asp

or your favorite javascript resource for other specs you may add for the new window. But be aware, not all browsers allow all specs. All modern browsers insist (for security reasons) on showing the address, usually in an address bar, but sometimes in the chrome - like a title.

cliffoakley
09-10-2011, 09:42 PM
Thank you again. It's late at night so I won't be using it until I have a little time...but I will use it. Thanks