Hallo,
ich möchte bei meinem Shop eine Box anlegen, in der verschiedene Bilder mit zugehörigen Links abwechselnd angezeigt werden. (Bannerrotation)
Bisher habe ich zum Testen einen JavaScript-Code mit 3 Bildern und zugehörigen Links. Wenn ich diese test.htm aufrufe, läuft alles wie geplant.
Das erstellen der Box war auch kein Problem, doch beim Einfügen des Codes scheitere ich.
Wenn ich den Quellcode 1:1 einfüge, bleibt die Box leer und alle nachfolgenden Boxen werden ausgeblendet.
Ich habe hier gesehen, dass ich den JavaScript-Code innerhalb von {literal} und {/literal} setzen muss.
Wenn ich das mache, scheint zwar die Ansicht wieder zu stimmen, es wird auch das erste Bild mit dem ersten Link angezeigt, aber die Bilder wechseln nicht.
Kann hier vielleicht jemand weiterhelfen, oder gibt es Vorschläge, wie ich möglicherweise ein JavaScript umgehen könnte?
Hier mein QuellCode, der als Html-Seite super funktioniert:
Und so steht es derzeit in der Box:
ich möchte bei meinem Shop eine Box anlegen, in der verschiedene Bilder mit zugehörigen Links abwechselnd angezeigt werden. (Bannerrotation)
Bisher habe ich zum Testen einen JavaScript-Code mit 3 Bildern und zugehörigen Links. Wenn ich diese test.htm aufrufe, läuft alles wie geplant.
Das erstellen der Box war auch kein Problem, doch beim Einfügen des Codes scheitere ich.
Wenn ich den Quellcode 1:1 einfüge, bleibt die Box leer und alle nachfolgenden Boxen werden ausgeblendet.
Ich habe hier gesehen, dass ich den JavaScript-Code innerhalb von {literal} und {/literal} setzen muss.
Wenn ich das mache, scheint zwar die Ansicht wieder zu stimmen, es wird auch das erste Bild mit dem ersten Link angezeigt, aber die Bilder wechseln nicht.
Kann hier vielleicht jemand weiterhelfen, oder gibt es Vorschläge, wie ich möglicherweise ein JavaScript umgehen könnte?
Hier mein QuellCode, der als Html-Seite super funktioniert:
Code:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
anzahl_banner=3;
var banner_nr=0;
var zustand=0;
var banner=new Array();
for(i=0;i<anzahl_banner;i++){
banner[i]=new Image();}
banner[0].src="http://www.spirit-of-graz.at/Welpen-Portraits/Chester/09.11/04.jpg";
banner[1].src="http://www.spirit-of-graz.at/Welpen-Portraits/Fido/03.01.2012/06.jpg";
banner[2].src="http://www.briards-stmk.at/hunde/isabell/2008/isa_juli.JPG";
var banner_url=new Array();
banner_url[0]="http://www.spirit-of-graz.at/chester%20portrait.htm";
banner_url[1]="http://www.spirit-of-graz.at/fido%20portrait.htm";
banner_url[2]="http://www.briards-stmk.at/daten/htm/unsere_hunde.htm";
function wechsleBanner(){
if(zustand!=1){
banner_nr++;
if(banner_nr>anzahl_banner-1){
banner_nr=0;}
document.sponsor.src=banner[banner_nr].src;
setTimeout("wechsleBanner()",5000);}}
function BannerURL(){
zustand=1;
location.href=banner_url[banner_nr];}
function URLinStatuszeile(){
parent.window.status=banner_url[banner_nr];}
//--> </SCRIPT>
</head>
<body onload="wechsleBanner()">
<a onclick="BannerURL();return false" onmouseover="URLinStatuszeile();return true;" target="_blank" href="[URL="http://forum.jtl-software.de/view-source:http://www.spirit-of-graz.at/chester%20portrait.htm"]http://www.spirit-of-graz.at/chester%20portrait.htm[/URL]">
<img border="1" name="sponsor" src="[URL="http://forum.jtl-software.de/view-source:http://1.2.3.11/bmi/www.spirit-of-graz.at/Welpen-Portraits/Chester/09.11/04.jpg"]http://1.2.3.11/bmi/www.spirit-of-graz.at/Welpen-Portraits/Chester/09.11/04.jpg[/URL]" width="180" />
</a>
</body>
</html>Und so steht es derzeit in der Box:
Code:
{literal}
<SCRIPT LANGUAGE="JavaScript">
<!--
/* Tragen Sie hier die Anzahl der Banner ein*/
anzahl_banner=3;
var banner_nr=0;
var zustand=0;
var banner=new Array();
for (i=0;i<anzahl_banner;i++){
banner[i]=new Image();
}
/* Tragen Sie hier die URLs der Grafiken ein*/
banner[0].src="http://www.spirit-of-graz.at/Welpen-Portraits/Chester/09.11/04.jpg";
banner[1].src="http://www.spirit-of-graz.at/Welpen-Portraits/Fido/03.01.2012/06.jpg";
banner[2].src="http://www.briards-stmk.at/hunde/isabell/2008/isa_juli.JPG";
/* Tragen Sie hier die URLs zu den Banner-Webseiten ein*/
var banner_url=new Array();
banner_url[0]="http://www.spirit-of-graz.at/chester%20portrait.htm";
banner_url[1]="http://www.spirit-of-graz.at/fido%20portrait.htm";
banner_url[2]="http://www.briards-stmk.at/daten/htm/unsere_hunde.htm";
/* Hinter setTimeout wird Rotationszeit eingetragen
Momentan 5sec ==> 5000*/
function wechsleBanner(){
if (zustand!=1){
banner_nr++;
if (banner_nr>anzahl_banner-1){
banner_nr=0;
}
document.sponsor.src=banner[banner_nr].src;
setTimeout("wechsleBanner()",5000);
}
}
/* Wechseln der Banner*/
function BannerURL(){
zustand=1;
location.href=banner_url[banner_nr];
}
function URLinStatuszeile(){
parent.window.status=banner_url[banner_nr];
}
wechsleBanner();
//-->
</SCRIPT>
{/literal}
<a onclick="BannerURL();return false" onmouseover="URLinStatuszeile();return true;" target=_blank href="http://www.spirit-of-graz.at/chester%20portrait.htm"> <img border="1" name="sponsor" src="http://www.spirit-of-graz.at/Welpen-Portraits/Chester/09.11/04.jpg" width="180" /></a>