Código:
<script language="JavaScript"> <!-- var interval = 3000; var random_display = 0; var image_dir = "admin/galerias/" var ImageNum = 0; imageArray = new Array(); <% Do while not rs4.EOF If Not rs4.EOF Then%> imageArray[ImageNum++] = new imageItem(image_dir + "<%=rs4.Fields("foto").value%>"); <%rs4.MoveNext End If Loop %> var number_of_image = imageArray.length; function imageItem(image_location) { this.image_item = new Image(); this.image_item.src = image_location; } function get_ImageItemLocation(imageObj) { return(imageObj.image_item.src) } function randNum(x, y) { var range = y - x + 1; return Math.floor(Math.random() * range) + x; } function getNextImage() { if (random_display) { ImageNum = randNum(0, number_of_image-1); } else { ImageNum = (ImageNum+1) % number_of_image; } var new_image = get_ImageItemLocation(imageArray[ImageNum]); return(new_image); } function getPrevImage() { ImageNum = (ImageNum-1) % number_of_image; var new_image = get_ImageItemLocation(imageArray[ImageNum]); return(new_image); } function prevImage(place) { var new_image = getPrevImage(); document[place].src = new_image; } function rotateImage(place) { var new_image = getNextImage(); document[place].src = new_image; var recur_call = "rotateImage('"+place+"')"; timerID = setTimeout(recur_call, interval); } // --> </script>
Código:
Lo que realmente me interesa es esta parte del segundo script<script language="JavaScript" type="text/JavaScript"> // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // NS4-6,IE4-6 // Fade effect only in IE; degrades gracefully // $Id: slideshow.inc.php,v 1.6 2004/07/24 15:04:09 gaugau Exp $ // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000 // Agent sniffer shamelessly 'stolen' from the excellent X library from cross-browser.com var xOp7=false,xOp5or6=false,xIE4Up=false,xNN4=false,xUA=navigator.userAgent.toLowerCase(); if(window.opera){ xOp7=(xUA.indexOf('opera 7')!=-1 || xUA.indexOf('opera/7')!=-1); if (!xOp7) xOp5or6=(xUA.indexOf('opera 5')!=-1 || xUA.indexOf('opera/5')!=-1 || xUA.indexOf('opera 6')!=-1 || xUA.indexOf('opera/6')!=-1); } else if(document.layers) xNN4=true; else {xIE4Up=document.all && xUA.indexOf('msie')!=-1 && parseInt(navigator.appVersion)>=4;} // Duration of crossfade (seconds) var crossFadeDuration = 3 // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'admin/galerias/1.jpg' Pic[1] = 'admin/galerias/2.jpg' Pic[2] = 'admin/galerias/3.jpg' Pic[3] = 'admin/galerias/4.jpg' Pic[4] = 'admin/galerias/5.jpg' var t var j = 4 var p = Pic.length var pos = j var preLoad = new Array() function preLoadPic(index) { if (Pic[index] != ''){ window.status='Loading : '+Pic[index] preLoad[index] = new Image() preLoad[index].src = Pic[index] Pic[index] = '' window.status='' } } function runSlideShow(){ if (xIE4Up){ document.images.SlideShow.style.filter="blendTrans(duration=2)" document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() } document.images.SlideShow.src = preLoad[j].src if (xIE4Up){ document.images.SlideShow.filters.blendTrans.Play() } pos = j j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) preLoadPic(j) } function endSlideShow(){ self.document.location = 'displayimage.php?album=1&pos='+pos } preLoadPic(j) </script>
Código:
Con lo cual podrer hacer una rotacion suve entre una imagen y otrafunction runSlideShow(){ if (xIE4Up){ document.images.SlideShow.style.filter="blendTrans(duration=2)" document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() } document.images.SlideShow.src = preLoad[j].src if (xIE4Up){ document.images.SlideShow.filters.blendTrans.Play() } pos = j j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) preLoadPic(j) }
ya que son dos maneras diferentes de hacer lo mismo con la diferencia que el primer script no da el efecto a la imagen transparente.
Muchas gracias de antemano por su ayuda.