Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: swissarmy slideshow script

  1. #1
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default swissarmy slideshow script

    1) Script Title: swissarmy

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...army/index.htm

    3) Describe problem:

    I'm using swissarmy for my website to dynamicly show pictures from a map on the server. Now my problem is I have to enter this line into the body:
    <script type="text/javascript">
    new inter_slide(slides, 300, 300)

    </script>
    This works I see the pictures i have uploaded. But the problem is the size. He takes 300 pixels from the left and 300 pixels from the top. So not the whole picture. Is it possible to automaticly resize them so people can see the whole picture.

    Her is where you can find my site: http://www.performance-parts.eu

    Thanks for helping me and sorry for my bad englisch. If anyone needs more information please ask. I'm working on this problem for 2 days now but can't find the solution.

    Greetings from Holland

  2. #2
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    Try to do it like this and see if it shows the full image or not:

    Code:
    <script type="text/javascript">
    new inter_slide(slides);
    </script>

  3. #3
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the quick answer. that works but the images are way to big. Is it possible to change this


    I saw he pics the biggest size and puts the smaller pics in a grey field the size of the biggest picture now

  4. #4
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default possible

    IS it not possible?

  5. #5
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    What I feel is it would be better if you try to make the image size common otherwise it'll give an inconsistency in the look and feel. As the images used in a slideshow used to have the same characteristics.

  6. #6
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Problem

    Here is a piece of the code Can i change it for the auto width en height?

    var iss=[]; //array to cache inter_slide instances

    function inter_slide(){
    if(!document.images||arguments.length==0)
    return;
    var imgs=arguments[0];
    var width=null, height=null, delay=null;
    if(arguments.length==2)
    delay=arguments[1];
    else if(arguments.length==3||arguments.length==4)
    width=arguments[1], height=arguments[2], delay=arguments[3]? arguments[3] : null;
    this.dom=(document.getElementById) //modern dom browsers
    this.da=document.all
    this.delay=imgs.delay? imgs.delay : delay? delay : 3000+iss.length*750;
    this.nextimgidx=0;
    iss[this.issid=iss.length]=this;
    this.imgs=imgs;
    if (imgs.random)
    this.imgs.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)
    this.imgborder=imgs.border? parseInt(imgs.border) : 0;
    if (!this.dom){
    this.postimgs=new Array() //preload imgs
    for (p=0;p<imgs.length;p++){
    this.postimgs[p]=new Image()
    this.postimgs[p].src=this.imgs[p][0]
    }
    }
    Last edited by maykel; 09-18-2008 at 01:19 PM.

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Actually, it's best to resize all your images so that they will fit into a box and set that box's dimensions for the show. Swiss Army will then center smaller images within that box. There are programs that will do this for you on a batch of images, some will even optimize the images at the same time, a good idea for any web image. If done right this is always better than having the browser resize the images. Browsers will often distort images when resizing, even when done to scale (pixelating and blurring).

    You can use css to make the browser resize images though I'm not sure that will work with Swiss Army. If it will, you need to figure out what the largest resulting width and height will be and set the slide show to those dimensions, or a little larger.

    Next, if this is only one slide show on a page, we deal with the images in master0 division:

    Code:
    #master0 img {
    width: 300px;
    }
    Now all the images will be 300 pixels wide. Their heights will be determined proportionately by the browser.

    Still, by far, you are better off resizing the images yourself, to at least fit in a box. The slide show will load faster, and the images will look better.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #8
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default part1

    Now I see something strange my script does not use Swiss army at all In my index.php the code into the head is this one:

    <script type="text/javascript">

    /***********************************************
    * Swiss Army Image slide show script - John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
    ***********************************************/

    <?
    function returnimages($dirname="./images/random/") {
    $pattern="\.(jpg|jpeg|png|gif|bmp)$";
    $files = array();
    $curimage=0;
    if($handle = opendir($dirname)) {
    while(false !== ($file = readdir($handle))){
    if(eregi($pattern, $file)){
    echo 'slides[' . $curimage .']=["' . $dirname . $file . '", "", ""];' . "\n";
    $curimage++;
    }
    }

    closedir($handle);
    }
    return($files);
    }

    echo "var slides=new Array();" . "\n";
    returnimages();
    ?>

    var preload_ctrl_images=false;

    slides.no_controls=1; // will set a slide show with no controls
    slides.no_descriptions=1; //use for no descriptions displayed
    slides.pause=1; //use for pause onmouseover
    slides.fadecolor='gray'; //will set fading images background color, defaults to white

    ////NO need to edit /////////////

    function preloadctrl(im){
    if (typeof im=='string'){
    var imo=new Image();
    imo.src=im;
    }
    }

    if(document.images&&typeof preload_ctrl_images!='undefined'&&preload_ctrl_images){
    var ctrlimgs=[previmg, stopimg, playimg, nextimg]
    for (var i_tem = 0; i_tem < ctrlimgs.length; i_tem++)
    if (ctrlimgs[i_tem])
    preloadctrl(ctrlimgs[i_tem])
    }

    var iss=[]; //array to cache inter_slide instances

    function inter_slide(){
    if(!document.images||arguments.length==0)
    return;
    var imgs=arguments[0];
    var width=null, height=null, delay=null;
    if(arguments.length==2)
    delay=arguments[1];
    else if(arguments.length==3||arguments.length==4)
    width=arguments[1], height=arguments[2], delay=arguments[3]? arguments[3] : null;
    this.dom=(document.getElementById) //modern dom browsers
    this.da=document.all
    this.delay=imgs.delay? imgs.delay : delay? delay : 3000+iss.length*750;
    this.nextimgidx=0;
    iss[this.issid=iss.length]=this;
    this.imgs=imgs;
    if (imgs.random)
    this.imgs.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)
    this.imgborder=imgs.border? parseInt(imgs.border) : 0;
    if (!this.dom){
    this.postimgs=new Array() //preload imgs
    for (p=0;p<imgs.length;p++){
    this.postimgs[p]=new Image()
    this.postimgs[p].src=this.imgs[p][0]
    }
    }

    if (this.dom){ //if modern browsers (ie: Firefox, IE5+)
    this.faded=0;
    this.loadimgidx=[];
    this.fade=!imgs.nofade;
    if(this.fade)
    this.degree=10 //initial opacity degree (10%)
    this.pausecheck=imgs.pause;
    this.mouseovercheck=0
    this.canvasbase="canvas"+this.issid
    this.curcanvas=this.canvasbase+"_0"
    this.descriptions=!imgs.no_descriptions;
    this.man_start=imgs.manual_start;
    this.addbr=!imgs.no_added_linebreaks;
    this.no_auto=imgs.no_auto;
    this.onclick=imgs.onclick;
    this.specs=imgs.specs;
    this.counter=imgs.counter;
    this.ics=imgs.image_controls;
    this.jumpto=imgs.jumpto;
    this.no_c=imgs.no_controls;
    this.target=imgs.target;
    this.ualt=imgs.use_alt;
    this.utit=imgs.use_title;
    this.fadecolor=imgs.fadecolor;
    this.ibut_hc=imgs.button_highlight;
    this.dp=imgs.desc_prefix? imgs.desc_prefix : ' ';
    this.imbcolor=imgs.border_color;
    this.imbstyle=imgs.border_style;
    this.width=imgs.width? imgs.width : width? width : null
    this.width=this.width? this.width+this.imgborder*2 : null;
    this.height=imgs.height? imgs.height : height? height : null
    this.height=this.height? this.height+this.imgborder*2 : null;
    var ief='', dims='';
    if(this.width||this.height)
    dims=this.width&&this.height? 'width:'+this.width+'px;height:'+this.height+'px;' : this.width? 'width:'+this.width+'px;' : 'height:'+this.height+'px;';
    if(this.fade&&document.body&&document.body.style)
    ief=document.body.filters? 'filterrogidXImageTransform.Microsoft.alpha(opacity=0);' : typeof document.body.style.opacity=='string'? 'opacity:0;' : 'opacity:0.10;-moz-opacity:0.10;-khtml-opacity:0.10;';
    var brs=this.addbr? '<br>' : '';
    if (imgs.controls_top){
    this.controls();
    document.write(brs)
    }
    document.write('<div align="center"><div id="master'+this.issid+'" style="position:relative;'+dims+'overflow:hidden;margin:0 auto;"><div id="'+this.canvasbase+'_0" style="position:absolute;'+dims+'top:0;left:0;'+ief+'background-color:'+(imgs.fadecolor? imgs.fadecolor : 'white')+'"><\/div><div id="'+this.canvasbase+'_1" style="position:absolute;'+dims+'top:0;left:0;'+ief+'background-color:'+(imgs.fadecolor? imgs.fadecolor : 'white')+'"><\/div><\/div><\/div>')
    if(this.descriptions)
    document.write(brs+'<div align="center">'+this.dp+'<span id="imgdsc'+this.issid+'">&nbsp;<\/span></div>\n');
    if(this.counter&&!this.descriptions)
    document.write(brs);
    if(this.counter)
    this.cntrl()
    if (!imgs.controls_top){
    document.write(this.ics? '' : brs);
    this.controls();
    }
    }
    else
    document.write('<div align="center"><img name="defaultslide'+this.issid+'" src="'+this.postimgs[0].src+'"><\/div>')


    if (this.dom) //if modern browsers such as Firefox, IE5+
    this.startit()
    else{
    this.nextimgidx++
    setInterval("iss["+this.issid+"].rotateimg()", this.delay)
    }
    }

    inter_slide.prototype.cntrl=function(){
    this.cpad=this.imgs.length.toString().length;
    document.write('<div align="center">Viewing Image: <b><span id="thecnt'+this.issid+'"><\/span><\/b> of<span style="font-size:1ex;">&nbsp;</span>&nbsp;<b>'+this.imgs.length+'<\/b><\/div>');
    }

    inter_slide.prototype.controls=function(){
    var brs=this.addbr? '<br>' : ' &nbsp;';
    if(!this.ics&&!this.no_c)
    document.write('<div align="center"><input id="prev'+this.issid+'" disabled type="button" value=" << " onclick="iss['+this.issid+'].changeimg(false, \'nav\');">\n'+
    (this.no_auto? '&nbsp;&nbsp;&nbsp;' : ' <input id="gostp'+this.issid+'" type="button" value=" Stop " onclick="iss['+this.issid+'].gostop(this);">\n')+
    ' <input id="next'+this.issid+'" disabled type="button" value=" >> " onclick="iss['+this.issid+'].changeimg(true, \'nav\');">'+(this.jumpto? brs+'Jump to: <input disabled type="text" size="'+this.imgs.length.toString().length+'" id="goto'+this.issid+'" onkeydown="iss['+this.issid+'].jumper(event);"><input id="go'+this.issid+'" disabled type="button" onclick="iss['+this.issid+'].jumper();" value="GO">' : '')+'<\/div>')
    else if(this.ics&&!this.no_c){
    var op=document.body.filters? ' style="filter:alpha(opacity=100);"' : ' style="opacity:'+(this.man_start? 0.99 : 0.45)+';"';
    document.write('<table align="center" cellpadding="0" cellspacing="10"><tr><td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input'+op+' onmouseover="iss['+this.issid+'].ibute(this,1);" onmouseout="iss['+this.issid+'].ibute(this,2);" onmousedown="iss['+this.issid+'].ibute(this,3);" onmouseup="iss['+this.issid+'].ibute(this,4);" type="image" title="Previous" id="prev'+this.issid+'" src="'+previmg+'" onclick="iss['+this.issid+'].changeimg(false, \'nav\');"><\/td>'+(this.no_auto? '<td>&nbsp;<\/td>' : '<td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input onmouseover="iss['+this.issid+'].ibute(this,1);" onmouseout="iss['+this.issid+'].ibute(this,2);" onmousedown="iss['+this.issid+'].ibute(this,3);" onmouseup="iss['+this.issid+'].ibute(this,4);" title="Stop" type="image" id="gostp'+this.issid+'" src="'+(this.g_fPlayMode? playimg : stopimg)+'" onclick="iss['+this.issid+'].gostop(this);"><\/td>')+'<td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input'+op+' onmouseover="iss['+this.issid+'].ibute(this,1);" onmouseout="iss['+this.issid+'].ibute(this,2);" onmousedown="iss['+this.issid+'].ibute(this,3);" onmouseup="iss['+this.issid+'].ibute(this,4);" type="image" title="Next" id="next'+this.issid+'" src="'+nextimg+'" onclick="iss['+this.issid+'].changeimg(true, \'nav\');"><\/td><\/tr><\/table>\n');
    }
    else
    this.no_c=1;
    }

    inter_slide.prototype.jumper=function(e){
    var key;
    if(typeof e=='object')
    key=e.keyCode? e.keyCode : e.which? e.which : 1;
    if(key&&key!==13)
    return;
    var num=typeof e=='number'? e : parseInt(this.go('goto'+this.issid).value);
    if(num<=this.imgs.length&&num>0){
    this.nextimgidx=num-2;
    this.changeimg(true, 'jump');
    }
    }

    inter_slide.prototype.ibute=function(obj, i){
    if(!obj.parentNode)
    return;
    if(i==1)
    obj.parentNode.style.backgroundColor=this.ibut_hc? this.ibut_hc : 'yellow';
    else if(i==2)
    obj.parentNode.style.backgroundColor='transparent';
    else if(i==3){
    obj.parentNode.style.borderTop=obj.parentNode.style.borderLeft='1px solid gray';
    obj.parentNode.style.paddingRight='1px';obj.parentNode.style.paddingBottom=0;
    }
    if (i==2||i==4){
    obj.parentNode.style.borderTop=obj.parentNode.style.borderLeft='none';
    obj.parentNode.style.paddingRight='2px';obj.parentNode.style.paddingBottom='1px';
    }
    }

    inter_slide.prototype.fadepic=function(){
    if (this.fade&&this.degree<100){
    this.faded=0
    this.degree+=10
    if (this.tempobj.filters&&this.tempobj.filters[0]){
    if (typeof this.tempobj.filters[0].opacity=="number") //if IE6+
    this.tempobj.filters[0].opacity=this.degree
    else //else if IE5.5-
    this.tempobj.style.filter="alpha(opacity="+this.degree+")"
    }
    else if (this.tempobj.style.MozOpacity)
    this.tempobj.style.MozOpacity=this.degree/101
    else if (this.tempobj.style.KhtmlOpacity)
    this.tempobj.style.KhtmlOpacity=this.degree/100
    else if (this.tempobj.style.opacity&&!this.tempobj.filters)
    this.tempobj.style.opacity=this.degree/101
    }
    Last edited by maykel; 09-18-2008 at 04:40 PM. Reason: quote forgotten

  9. #9
    Join Date
    Sep 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Part 2

    else{
    this.faded=1
    clearInterval(this.fadeclear)
    this.nextcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_0" : this.canvasbase+"_1"
    this.tempobj=this.go(this.nextcanvas)
    if(this.playing)
    this.changeimg()
    }
    }

    inter_slide.prototype.populateslide=function(picobj, picidx){
    if(document.getElementsByTagName){
    if(picobj.getElementsByTagName('a')[0]&&picobj.getElementsByTagName('a')[0].onclick)
    picobj.getElementsByTagName('a')[0].onclick=null;
    if(picobj.getElementsByTagName('img')[0]&&picobj.getElementsByTagName('img')[0].onload)
    picobj.getElementsByTagName('img')[0].onload=null;
    }
    picobj.style.backgroundColor=this.imgs[picidx].fadecolor? this.imgs[picidx].fadecolor : this.fadecolor? this.fadecolor : 'white';
    var slideHTML='<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td width="100%" height="100%" align="center" valign="middle" style="background:transparent none;">'
    if (this.imgs[picidx][2]){ //if associated link exists for img
    var specs=this.imgs[picidx][4]? ", '"+this.imgs[picidx][4]+"'" : this.specs? ", '"+this.specs+"'" : '';
    slideHTML+='<a href="'+this.imgs[picidx][2]+'"'+(this.imgs[picidx][3]? ' target="'+this.imgs[picidx][3]+'"' : this.target? ' target="'+this.target+'"' : '')+' onclick="'+(this.onclick? this.onclick : 'window.open(this.href, (this.target? this.target : \'_self\')'+specs+');return false;')+'">'
    }
    slideHTML+='<img id="theimg'+picidx+'_'+this.issid+'" src="'+(this.loadimgidx[picidx]&&typeof this.loadimgidx[picidx].complete=='boolean'&&this.loadimgidx[picidx].complete? this.loadimgidx[picidx].src : this.imgs[picidx][0])+'" alt="'+(this.ualt? this.imgs[picidx][1] : 'Slide Show Image')+'" title="'+(this.utit? this.imgs[picidx][1] : '')+'" '+(this.imbcolor&&!this.imgs[picidx].noborder? 'style="border:'+this.imgborder+'px '+(this.imbstyle? this.imbstyle : 'solid')+' '+this.imbcolor+';"' : 'border="'+(this.imgs[picidx].noborder? '0' : this.imgborder)+'"')+(!this.width||!this.height? ' onload="iss['+this.issid+'].imgload(this);"' : '')+'>'
    if (this.imgs[picidx][2]) //if associated link exists for img
    slideHTML+='<\/a>'
    slideHTML+='<\/td><\/tr><\/table>'
    picobj.innerHTML=slideHTML
    }

    inter_slide.prototype.buttons=function(bool){
    if(this.no_c)
    return;
    var next=this.go('next'+this.issid), prev=this.go('prev'+this.issid);
    next.disabled=prev.disabled=!bool;
    next.title=bool? 'next' : '';
    prev.title=bool? 'previous' : '';
    if(this.jumpto&&!this.ics)
    this.go('go'+this.issid).disabled=this.go('goto'+this.issid).disabled=!bool;
    if(this.ics){
    if(!this.no_auto){
    var go=this.go('gostp'+this.issid)
    go.title=bool? 'Play' : 'Stop';
    go.src=bool? playimg : stopimg;
    }
    if(prev.filters&&prev.parentNode)
    prev.parentNode.style.filter=next.parentNode.style.filter='alpha(opacity='+(bool? 100 : 45)+')';
    else if(prev.style.opacity&&!prev.filters)
    prev.style.opacity=next.style.opacity=bool? 0.99 : 0.45;
    }
    }

    inter_slide.prototype.imgload=function(el){
    if(!el&&!this.imgel)
    return;
    var el=el? el : this.imgel;
    if(el.width==0||el.height==0){
    this.imgel=el;
    var cacheobj=this;
    clearTimeout(this.getdim)
    this.getdim=setTimeout(function(){cacheobj.imgload()}, 300)
    return;
    }
    var m=this.go('master'+this.issid).style, c0=this.go(this.canvasbase+'_0').style, c1=this.go(this.canvasbase+'_1').style;
    if(!this.width){
    this.width=el.width+this.imgborder*2;
    m.width = c0.width = c1.width = this.width+'px';
    }
    if(!this.height){
    this.height=el.height+this.imgborder*2;
    m.height = c0.height = c1.height = this.height+'px';
    }
    }

    inter_slide.prototype.changeimg=function(bool,nav){
    if(this.playing){
    this.buttons(false)
    this.nextimgidx=(this.keeptrack()<this.imgs.length-1)? this.keeptrack()+1 : 0
    this.populateslide(this.tempobj, this.nextimgidx)
    if(bool)
    this.rotateimg()
    else{
    clearTimeout(this.inprocess)
    this.inprocess=setTimeout("iss["+this.issid+"].rotateimg()", this.delay)
    }
    }
    else {
    if(!this.faded){
    if(nav&&nav=='nav')
    return;
    this.nextimgidx=this.keeptrack()+(bool? 1 : -1)
    this.nextimgidx=(this.nextimgidx<this.imgs.length)? this.nextimgidx : this.nextimgidx-this.imgs.length
    this.nextimgidx=(this.nextimgidx>-1)? this.nextimgidx : this.imgs.length+this.nextimgidx
    return;
    }
    if(this.fadeclear)
    clearInterval(this.fadeclear);
    if(bool){
    var loadidx=this.nextimgidx+2
    loadidx=(loadidx<this.imgs.length)? loadidx : loadidx-this.imgs.length;
    loadidx=(loadidx>-1)? loadidx : this.imgs.length+loadidx;
    this.loadimgidx[loadidx]=new Image();
    this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
    }
    else{
    var loadidx=this.nextimgidx-2
    loadidx=(loadidx<this.imgs.length)? loadidx : loadidx-this.imgs.length
    loadidx=(loadidx>-1)? loadidx : this.imgs.length+loadidx
    this.loadimgidx[loadidx]=new Image();
    this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
    }
    if(nav&&nav=='jump')
    this.nextimgidx++;
    else
    this.nextimgidx=this.keeptrack()+(bool? 1 : -1)
    this.nextimgidx=(this.nextimgidx<this.imgs.length)? this.nextimgidx : this.nextimgidx-this.imgs.length
    this.nextimgidx=(this.nextimgidx>-1)? this.nextimgidx : this.imgs.length+this.nextimgidx
    this.populateslide(this.tempobj, this.nextimgidx)
    this.rotateimg()
    }
    }

    inter_slide.prototype.go=function(id){
    return this.da? this.da[id] : document.getElementById(id);
    }

    inter_slide.prototype.rotateimg=function(){
    if(this.dom){
    var cimg=this.go('theimg'+this.nextimgidx+'_'+this.issid)? this.go('theimg'+this.nextimgidx+'_'+this.issid) : null;
    if(cimg&&typeof cimg.complete=='boolean'&&!cimg.complete){
    var cacheobj=this
    clearTimeout(this.loading)
    this.loading=setTimeout(function(){cacheobj.rotateimg()}, 300)
    return;
    }
    if (this.mouseovercheck==1){
    var cacheobj=this
    clearTimeout(this.mousep)
    this.mousep=setTimeout(function(){cacheobj.rotateimg()}, 100)
    return;
    }
    if(this.fade)
    this.resetit()
    var crossobj=this.tempobj=this.go(this.curcanvas)
    crossobj.style.zIndex++
    var othercanvas=this.curcanvas==this.canvasbase+"_0"? this.go(this.canvasbase+"_1") : this.go(this.canvasbase+"_0");
    othercanvas.style.zIndex=0;
    if(this.descriptions)
    this.go('imgdsc'+this.issid).innerHTML = this.imgs[this.keeptrack()][1];
    if(this.counter){
    var padit='';
    for (var p=0; p<this.cpad-(this.nextimgidx+1).toString().length; p++)
    padit+='<span style="visibility:hidden;">0</span>';
    this.go('thecnt'+this.issid).innerHTML = padit+(this.keeptrack()<this.imgs.length? this.keeptrack()+1 : 1);
    }
    if (this.jumpto)
    this.go('goto'+this.issid).value=this.keeptrack()<this.imgs.length? this.keeptrack()+1 : 1;
    this.jumperidx=this.keeptrack()<this.imgs.length? this.keeptrack()+1 : 1;
    var fadeobj=this
    clearInterval(this.fadeclear)
    this.fadeclear=setInterval(function(){fadeobj.fadepic()},50)
    this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
    }
    else{
    var v4imgobj=document.images['defaultslide'+this.issid]
    v4imgobj.src=this.postimgs[this.nextimgidx].src
    this.nextimgidx=(this.nextimgidx<this.imgs.length-1)? this.nextimgidx+1 : 0
    }
    }

    inter_slide.prototype.resetit=function(){
    this.degree=10
    var crossobj=this.go(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
    }

    inter_slide.prototype.startit=function(){
    this.playing=1
    var crossobj=this.go(this.curcanvas)
    this.populateslide(crossobj, this.nextimgidx)
    if (this.pausecheck==1){ //if slideshow should pause onmouseover
    var cacheobj=this
    var crossobjcontainer=this.go("master"+this.issid)
    crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
    crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
    }
    this.rotateimg()
    if(this.no_auto)
    this.gostop();
    else if(this.man_start)
    this.gostop(this.go('gostp'+this.issid));
    else if(this.ics&&document.body.filters){ //kludge for IE5.5 bug
    this.buttons(false);
    }
    }

    inter_slide.prototype.gostop=function(el){
    if(el)
    el.value=el.value==' Stop '? ' Play ' : ' Stop ';
    if(this.inprocess&&this.playing){
    clearTimeout(this.inprocess);
    this.nextimgidx-=this.faded;
    }
    this.playing=!this.playing;
    if(this.playing){
    clearInterval(this.fadeclear)
    this.faded=1
    this.changeimg(true);
    }
    else{
    var loadidx=(this.keeptrack()<this.imgs.length-1)? this.keeptrack()+1 : 0
    this.loadimgidx[loadidx]=new Image();
    this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
    this.jumper(this.jumperidx? this.jumperidx : 0)
    this.buttons(true);
    }
    }

    inter_slide.prototype.keeptrack=function(){
    if(!document.getElementsByTagName)
    return this.nextimgidx;
    var canvases=[this.go('canvas'+this.issid+'_0'), this.go('canvas'+this.issid+'_1')]
    if(canvases[0].style.zIndex>canvases[1].style.zIndex&&canvases[0].getElementsByTagName("img")[0])
    return parseInt(canvases[0].getElementsByTagName('img')[0].id.replace(/theimg/, ''))
    else if(canvases[1].getElementsByTagName("img")[0])
    return parseInt(canvases[1].getElementsByTagName('img')[0].id.replace(/theimg/, ''))
    else
    return this.nextimgidx;
    }

    </script>
    In the inde.php I call the images up with:

    <script type="text/javascript">
    new inter_slide(slides);


    </script>
    Is this maybe wrong? I hope I can fix this code somehwere for me for the automatic size option

  10. #10
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    Well, in your first example, you forgot to put the word php after the <? in the very beginning.

    -magicyte

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •