Jump to content
xt:Commerce Community Forum

Slideshow im Header


Templar

Recommended Posts

Hallo zusammen,

ich habe versucht im index.html Templte eine "einfache" Bildlaufleiste zu integrieren.

Also inder der templates\xt_default\index.html.

Sofern ich mir die so aufrufe sehe ich die Bildleiste.

Sobald ich aber den Shop "normal" aufrufe sehe ich nichts. Scheinbar verweigert der Shop dann die Ausführung und ich sehe die weiße Seite ohne Code :-(

Hat jemand Ahnung davon?

Das Skript ist defninitiv auf "noremalen" html und php Seiten lauffähig.

Wahrscheinlich muß ich eine Erweiterung kaufen oder?

Ach ja, falls die genutzte Version wichtig ist: 4.0.12 :-)

Link to comment
Share on other sites

Hallo,

das script baue ich eigentlich direkt in den Body rein.


<script type="text/javascript">


var sliderwidth = 640;

var sliderheight = 92;

var slidespeed = 1;

var slidebgcolor = "#000000";

var leftrightslide = new Array();

var copyspeed = slidespeed;

var i = 0;


/* HIER DIE LINKS UND BILDER ANPASSEN*/

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_1.jpg\');"><img src="slideshow_img/img_1thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild1"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_2.jpg\');"><img src="slideshow_img/img_2thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild2"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_3.jpg\');"><img src="slideshow_img/img_3thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild3"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_4.jpg\');"><img src="slideshow_img/img_4thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild4"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_5.jpg\');"><img src="slideshow_img/img_5thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild5"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_6.jpg\');"><img src="slideshow_img/img_6thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild6"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_7.jpg\');"><img src="slideshow_img/img_7thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild7"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_8.jpg\');"><img src="slideshow_img/img_8thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild8"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_9.jpg\');"><img src="slideshow_img/img_9thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild9"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_10.jpg\');"><img src="slideshow_img/img_10thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild10"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_11.jpg\');"><img src="slideshow_img/img_11thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild11"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_12.jpg\');"><img src="slideshow_img/img_12thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild12"></a>';

leftrightslide[i++] = '<a href="javascript:oeffnefenster(\'slideshow_img/img_13.jpg\');"><img src="slideshow_img/img_13thn.jpg" style="border-color: black;"alt="Hallenbüro_Bild13"></a>';

/* AB HIER NICHTS MEHR ÄNDERN */

leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';

var iedom = document.all || document.getElementById;

if (iedom)

        document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + 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+20+"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+20;

                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+"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+"px";

        }

        else if (document.layers){

                if (ns_slide.left>(actualwidth*(-1)+8))

                        ns_slide.left-=copyspeed;

                else

                        ns_slide.left=ns_slide2.left+actualwidth;


                if (ns_slide2.left>(actualwidth*(-1)+8))

                        ns_slide2.left-=copyspeed;

                else

                        ns_slide2.left=ns_slide.left+actualwidth;

        }

}


if (iedom||document.layers){

        with (document){

                document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');

                if (iedom){

                        document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');

                        document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');

                        document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');

                        document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');

                        document.write('</div></div>');

                }

                else if (document.layers){

                        document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');

                        document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');

                        document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');

                        document.write('</ilayer>');

                }

                document.write('</td></table>');

        }

}

</script>

Bisher konnte ich den universal in jedes Dokument (html und php) in den Body kopieren und das Ding lief. Wie gesagt, schaue ich mir die Index aus dem Templateordner an gehts ja.

Sorry das ich keinen Link zum Problem schicken kann, das Ding läuft noch lokal auf meinem xampp.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...