alfaromeo156gta
New Member
Здравей те ! Още съм начинаещ и за това ще се обърна към вас за малко помощ .Правя един мобилен сайт и на заглавната страница трябва да се сменят различни снимки с оферти . Намерих този код , но не знам как към всяка снимка да присвоя различен линк към друга страница .
Код:
<body>
<div id="slideshow" style="margin-left:1px;margin-top:1px;width:996px;height:196px;"></div>
<script>
//test (frame 2) -->
//*****parameters to set*****
//into this array insert the paths of your pics.
//if there are only 2 images, set them two times i.e. 1/2/1/2
imges=new Array ('1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg');
divid="slideshow"; //the id of the div container that will hold the slideshow
picwid=0; //set this to the width of your widest pic
pichei=0; //... and this to the height of your highest pic
backgr="#eeeeee"; //set this to the background color you want to use for the slide-area
//(for example the body-background-color) if your pics are of different size
sdur=3; //time to show a pic between fades in seconds
fdur=1; //duration of the complete fade in seconds
steps=20; //steps to fade from on pic to the next
startwhen=1;
// "startwhen" leave it at "null" to start the function by calling it from your page by link
//(sample: <a href="javascript:myfade();">slide</a>)
// or set it to 1 to start the slide automatically as soon as the page is loaded
//*****nothing more to do, have fun :)
//starts with random picture: for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}
//****************************************************************
ftim=fdur*1000/steps;stim=sdur*1000;emax=imges.length;
tp="<div style='position:absolute;'>";
for(e=1;e<=emax;e++){
******theid="img"+e;thesrc=imges[e-1];
******tp=tp+"<div id='"+theid+"'><img src='"+thesrc+"' border='0'/></div>";
******}
tp=tp+"</div>";
document.write("<style type='text/css'>");
for(b=1;b<=emax;b++){
******thestylid="img"+b;thez=1;thevis='hidden';
******if(b<=1) {thez=2; thevis='visible';}
******document.write("#"+thestylid+" {position:absolute;left:0;top:0;width:"+picwid+"px;height:"+pichei+"px;background-color:"+backgr+";visibility:"+thevis+";z-index:"+thez+";}");
******}
document.write("</style>");
function myfade(){
******parr = new Array();
******for(a=1;a<=emax;a++){
************idakt="img"+a;paktidakt=document.getElementById(idakt);
* *ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);}
************i=1;u=0;slide (i);
************}
function slide(numa){
******ptofade=parr[numa-1];
******if(numa<=emax){pnext=parr[numa];}
******if(numa==emax){pnext=parr[0];}
******pnext.style.visibility="visible";
******pnext.style.filter="Alpha(Opacity=100)";
******pnext.style.MozOpacity=1;
******pnext.style.opacity=1;
******ptofade.style.filter="Alpha(Opacity=100)";
******ptofade.style.MozOpacity=1;
******ptofade.style.opacity=1;
******factor=100/steps;
******slidenow();
******}
function slidenow(){
******check1=ptofade.style.MozOpacity;
******maxalpha=(100-factor*u)/100*105;
******if(check1<=maxalpha/100){u=u+1;}
******curralpha=100-factor*u;
******ptofade.style.filter="Alpha(Opacity="+curralpha+")";
******ptofade.style.MozOpacity=curralpha/100;
******ptofade.style.opacity=curralpha/100;
******if(u<steps){window.setTimeout("slidenow()",ftim);}
******if(u>=steps&&i<emax){
************ptofade.style.visibility="hidden";
************ptofade.style.zIndex=1;
************pnext.style.zIndex=2;
************i=i+1;u=0;
************window.setTimeout("slide(i)",stim);}
******if(u>=steps&&i>=emax){
************ptofade.style.visibility="hidden";
************ptofade.style.zIndex=1;
************pnext.style.zIndex=2;
************i=1;u=0;
************window.setTimeout("slide(i)",stim);}
******}
function shownow(){
******document.getElementById(divid).innerHTML=tp;
******if(startwhen){window.setTimeout("myfade()",stim);}
******}
onload=shownow;
//<-- test (frame 2)
</script>
</body>