PDA

View Full Version : Slideshow Script not working in two places at once



Pixiedust
01-15-2010, 01:51 AM
Ok, so I'm quite confused. I'll admit, I'm not expert on this...I've dabbled here and there with things like this. I have a blog. And on the sidebar I have two seperate widgets I'd like to have a slideshow. The main idea is to have the slideshow with pictures that you can click on and it will take you to another site.
I've got one for the books using this script and it works perfectly. The other where I pimp out other blogs like mine...isn't working. I use it the same way and replace the links with others and adding a lot more of them and it will either be blank or be blank and replace the book one above it. I've asked a couple people and I've tried a couple things and can't figure it out.

This is the script: http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm

I just don't understand this. Can someone please help me?

Thank you :)

jscheuer1
01-15-2010, 06:10 AM
That script is a single use per page script. This one:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

and this one:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

can be used as many times as you like on a page.

Pixiedust
01-15-2010, 06:37 AM
I was just looking at those too :P

Ok, so in the fade in slideshow, how would I get just the slideshow that has the pics with hyperlinks only? It says beneath it some hyperlinks though...I need them all to be. I want it to be as close to the original slideshow as can be but I like the fade concept.

Also looked at the carousel one as well earlier. Maybe posting my blog link will help. the slideshow is going to be the pimp widget on the right side a little ways down. The original slideshow that can't be used more than once is two widgets up from that one

http://ponderingpixiedust.blogspot.com/#

Oh and all of my pics have a height of 230 at most. The widths are all different though.

Thank you :)

Pixiedust
01-16-2010, 02:25 AM
Ok....new problem. I decided to switch the script to JUST the pimp widget instead. and it's not working still....now I'm feelin like I wanna tear out my hair.

jscheuer1
01-17-2010, 05:00 PM
There could be other problems, but this (from your page's source code):


photos[8]="="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/BB_10C.jpg"


should be:


photos[8]="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/BB_10C.jpg"

Pixiedust
01-18-2010, 09:36 AM
I hadn't seen that, thank you. :) But I changed that and it's still doing that. It's still blank.

jscheuer1
01-18-2010, 10:48 AM
The rest of the script is all messed up. Get a fresh copy:

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

You can keep your arrays, but replace the part after:


//do NOT edit pass this line

with the actual code from the demo page.

Also, you appear to be missing the Step 2 section of code entirely. It'll never work without that.

Pixiedust
01-18-2010, 11:05 AM
oh my...*smacks forehead* lol ok I'll do that.

Pixiedust
01-20-2010, 04:32 AM
Alright so I tried a whole nuther script because nothing seems to be working. Even the fresh copy. The new one is exactly how I'd like it to be...but it's not working still. I'm wondering if it's any script on this site now or something. This is driving me insane. Here's the code i've got that won't work now:


<script type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="230px"
//Specify the slider's height
var sliderheight="240px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#080808"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.smutslutsisterhood.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/SSSButton2smallerC.jpg"></a>'
leftrightslide[1]='<a href="http://www.jaymzangel.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/bt_blogbuttonC.jpg"></a>'
leftrightslide[2]='<a href="http://www.sparklybearsy-book*****.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/book*****2C.jpg"></a>'
leftrightslide[3]='<a href="http://www.theguttergals.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/guttergirls1C.jpg"></a>'
leftrightslide[4]='<a href="http://www.smexybooks.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/SmexyBooksAnimatedButton.gif"></a>'
leftrightslide[5]='<a href="http://www.parajunkee.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/PJV_bannerC.jpg"></a>'
leftrightslide[6]='<a href="http://www.erotromreader.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/JannabuttonC.jpg"></a>'
leftrightslide[7]='<a href="http://www.bibliophilicbookblog.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/4112693141_f50efd318b_m-1-1C.jpg"></a>'
leftrightslide[8]='<a href="http://www.leontine1976.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/BB_10C.jpg"></a>'
leftrightslide[9]='<a href="http://www.sagis-randomness.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/NewbuttonsagismallerC.jpg"></a>'
leftrightslide[10]='<a href="http://www.larissaslife.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/Newbutton2010no4.jpg"></a>'
leftrightslide[11]='<a href="http://www.pearl72.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/PearlButtonC.jpg"></a>'
leftrightslide[12]='<a href="http://www.royally*****y.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/thqueenb1C.jpg"></a>'
leftrightslide[13]='<a href="http://www.gutterminx.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/looseknickerbutton.jpg"></a>'
leftrightslide[14]='<a href="http://www.tigriseden.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/BloodMoonTagC.jpg"></a>'
leftrightslide[15]='<a href="http://www.suchalush.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/BookLushbuttonsmallC.jpg"></a>'
leftrightslide[16]='<a href="http://www.rexrobotreviews.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/sad_robot_by_natdatnl-1C.jpg"></a>'
leftrightslide[17]='<a href="http://www.dream-mistress.blogspot.com/"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/MarissaButton1C.jpg"></a>'
leftrightslide[18]='<a href="http://www.thepiratebounty.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/pirate-skull-redC.jpg"></a>'
leftrightslide[19]='<a href="http://www.jojosbookcorner.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/thJojosbookcornerC.jpg"></a>'
leftrightslide[20]='<a href="http://www.thegeekybookworm.blogspot.com/
"><img border="1" src="http://i584.photobucket.com/albums/ss281/Pixie1019/Blog%20Pimping/buttonC.jpg"></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

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


Help?

Pixiedust
03-30-2010, 06:27 PM
yeah, thanks for the help