PDA

View Full Version : Removing a photo help



darnson
11-16-2012, 01:56 AM
1) Script Title: Ultimate Fade-In Slideshow (v1.51): Dynamic Drive (http://www.dynamicdrive.com)

2) Script URL (on DD): Not sure since the script has a new version. http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:

What do I need to do in order to remove a photo in this script. In particular this one (fadeimages[12]=["25.jpg", "", ""] //image with link and target syntax)

Here is the script :


</script>
<script type="text/javascript">

/***********************************************
* Ultimate Fade-In Slideshow (v1.51): Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["10.jpg", "", ""] //image with link syntax
fadeimages[1]=["13.jpg", "", ""] //image with link syntax
fadeimages[2]=["11.jpg", "", ""] //image with link and target syntax
fadeimages[3]=["7.jpg", "", ""] //plain image syntax
fadeimages[4]=["6.jpg", "", ""] //image with link syntax
fadeimages[5]=["animal1.jpg", "", ""] //image with link syntax
fadeimages[6]=["16.jpg", "", ""] //image with link and target syntax
fadeimages[7]=["22.jpg", "", ""] //plain image syntax
fadeimages[8]=["18.jpg", "", ""] //image with link syntax
fadeimages[9]=["19.jpg", "", ""] //image with link and target syntax
fadeimages[10]=["20.jpg", "", ""] //plain image syntax
fadeimages[11]=["21.jpg", "", ""] //image with link syntax
fadeimages[12]=["25.jpg", "", ""] //image with link and target syntax
fadeimages[13]=["animal2.jpg", "", ""] //plain image syntax
fadeimages[14]=["1.jpg", "", ""] //image with link and target syntax
fadeimages[15]=["2.jpg", "", ""] //plain image syntax
fadeimages[16]=["3.jpg", "", ""] //image with link syntax
fadeimages[17]=["8.jpg", "", ""] //image with link and target syntax
fadeimages[18]=["9.jpg", "", ""] //plain image syntax
fadeimages[19]=["4.jpg", "", ""] //image with link syntax
fadeimages[20]=["animal6.jpg", "", ""] //image with link and target syntax
fadeimages[21]=["12.jpg", "", ""] //plain image syntax
fadeimages[19]=["15.jpg", "", ""] //image with link syntax
fadeimages[20]=["23.jpg", "", ""] //image with link and target syntax
fadeimages[21]=["5.jpg", "", ""] //plain image syntax
fadeimages[22]=["17.jpg", "", ""] //plain image syntax




var fadebgcolor="white"

////NO need to edit beyond here/////////////

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=2 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images

for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[0].src=theimages[0][0]
//this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=2
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
this.postimages[picindex].src=this.theimages[picindex][0]
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}


fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",100)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}


fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

</script>

bernie1227
11-16-2012, 06:09 AM
I'm not quite sure what your problem here actually is, I get that you want to remove the photo, but can't you just delete that line of code?

Beverleyh
11-16-2012, 06:13 AM
Are you resurrecting your other thread? http://www.dynamicdrive.com/forums/showthread.php?72021-Ultimate-Fade-In-Slideshow-(v1-51)-Help

Is this the same issue?

ajfmrf
11-17-2012, 01:56 AM
You have two choices as I see it.Change that image to another one or do as Bernie suggested and delete that line of code

darnson
11-20-2012, 05:09 AM
Are you resurrecting your other thread? http://www.dynamicdrive.com/forums/s...w-(v1-51)-Help

Is this the same issue? Yes. I didn't know how else to get this resolved. This is exactly why I'm pulling my hair out! I have tried all the solutions in this thread and still get the lousy white thumbnail after 11th photo. So frustrating! I thought it would be so simple just to delete the line of code or change the image....it just doesn't work?

Thanks for all the input, I appreciate the time and effort.

bernie1227
11-20-2012, 05:17 AM
Why can't you just delete that image from the array? Or just re-upload the image?
What happens when you delete the line of code? Try clearing the cache.

darnson
11-20-2012, 05:54 AM
Did all 4 things you mentioned and still the same stupid white thumbnail is still appearing. *sighs* I have no idea what to do.

Thanks for taking an interest Bernie :)

bernie1227
11-20-2012, 06:22 AM
Are you sure that you're uploading it the right path? Try deleting the line of code on the live version. 25.jpg is still a 404.

Beverleyh
11-20-2012, 06:23 AM
Things to try;

Rename the image - despite your efforts, maybe something's is still stuck in the cache.

Optimise all images - maybe its way too big to load and showing white because it can't load in time.

Try absolute paths - with the full http:// part

Make sure the array is numbered sequentially starting from 0

bernie1227
11-20-2012, 06:31 AM
As best as I can tell, you need to either re-upload it (Because the there is no 25.jpg on your server) or delete it.

darnson
11-20-2012, 06:46 AM
Thank you Beverleyh,

I will try that. Crossing my fingers.

darnson
11-20-2012, 07:04 AM
I'm stumped. After modifying the array/deleting the photo/replacing it with another one and uploading both the photo and the modified php file...it still shows the old source code with no changes to the array? Why is that? Is it the ftp program? I'm using FireFTP and Dreamweaver?

darnson
11-20-2012, 08:11 AM
Can you say finally its done! I was editing the wrong stink'n file! I sure appreciate you guys putting up with me. You can now relax and close both threads.

You guys Rock!

bernie1227
11-20-2012, 08:18 AM
Great! I thought there must have been something wrong on your end :p you can always just set the thread to resolved if it's done:
If this thread is finished, please set it to resolved.
You can do this by editing the first post within the thread - Pressing go advanced - Then where it says no prefix, selecting resolved then save.