Hallo!

ich würde gerne folgenden script für eine Bannerrotation nutzen und schaffe es nicht den Linkrahmen um die Bilder zu entfernen.



<script type="text/javascript">
/**
* @banner [array] Bannersammlung
*/
var banner = new Array();
banner[0] = {
href: 'http://www.whatever.com',
src: 'banner0.gif',
alt: 'alttext 0'
}
banner[1] = {
href: 'http://www.whatever.com',
src: 'banner1.gif',
alt: 'alttext 1'
}
banner[2] = {
href: 'http://www.whatever.com',
src: 'banner2.gif',
alt: 'alttext 2'
}
banner[3] = {
href: 'http://www.whatever.com',
src: 'banner3.gif',
alt: 'alttext 3'
}
banner[4] = {
href: 'http://www.whatever.com',
src: 'banner4.gif',
alt: 'alttext 4'
}
banner[5] = {
href: 'http://www.whatever.com',
src: 'banner5.gif',
alt: 'alttext 5'
}
/**
* @bannerChange Gibt zufälligen Banner zurück [html]
* @param [string] id des banner-containers
* [array] die Bannersammlung
* [number] refresh in ms (optional)
*/
var bannerChange = {
init: function(zone,store,time){
this.name = 'bannerChange';
this.zone = document.getElementById(zone);
this.store = store;
this.count = store.length-1;
this.time = (time) ? time : false;
this.lastNr = null;

this.preloadImages();
this.randomShow();
if (this.time) this.interval = window.setInterval(this.name+".randomShow()", time);
},
preloadImages: function(){
for (var i=0;i<=this.count;i++) {
var img = new Image();
img.src = this.store[i].src;
}
},
getRandomNr: function(){
var nextNr;
do {
nextNr = Math.round(this.count * Math.random());
} while(nextNr == this.lastNr);
this.lastNr = nextNr;
return nextNr;
},
randomShow: function(){
var whichOne = this.getRandomNr();
var html = '<a href="'+this.store[whichOne].href+'" >';
html += '<img src="'+this.store[whichOne].src+'" ';
html += ' alt="'+this.store[whichOne].alt+'">';
html += '</a>';
this.zone.innerHTML = html;
}
}
window.onload = function(){
bannerChange.init('dropzone',banner,1000);
}
</script>

-------------------------------------

<div id="dropzone">
<!-- banner goes here -->
<a href="http://www.whatever.com">
<img src="banner0.gif" alt="banner für user ohne javascript" />
</a>
</div>

Moin,

Rahmen um verlinkte Bilder vermeidet man mit dem Attribut border="0" im <img> und dem Style text-decoration:none im <a>

Hallo Sven,

danke für die schnelle Antwort !

Ich habe die Attribute so eingefügt:

banner[0] = {
href: 'http://www.whatever.com text-decoration:none',
src: 'banner1.gif border="0"',
alt: 'alttext 0'
}

Der Rahmen bleibt und mit border="0" werden die Bannerbilder nicht angezeigt - Muß ich die Parameter an anderer Stelle oder in anderer Schreibweise einfügen?

Der Rahmen bleibt und mit border="0" werden die Bannerbilder nicht angezeigt

Wie denn auch wenn du das attribut in ds src-attribut schreibst:
src: 'banner1.gif border="0"'

Und bitte benutz [javascript]...[/javascript] damit der Code leichter zu lesen ist.

Bin absoluter Änfänger auf dem Gebiet!

Könntest Du mir die nötigen Attribute in korrekter Form in das script einfügen?

Border ist ganz einfach genauso ein attribut wie src oder alt oder href.

Code javascript:

1 2 3 4 5 6

banner[0] = { href: 'http://www.whatever.com text-decoration:none', src: 'banner1.gif border="0"', alt: 'alttext 0', border: '0' }

Sofern ich das Script richtig verstehe wirst du dann aber noch die randomShow function anpassen müssen

Code javascript:

1 2 3 4 5 6 7 8 9

randomShow: function(){ var whichOne = this.getRandomNr(); var html = '<a href="'+this.store[whichOne].href+'" >'; html += '<img src="'+this.store[whichOne].src+'" '; html += ' border="'+this.store[whichOne].border+'" '; html += ' alt="'+this.store[whichOne].alt+'">'; html += '</a>'; this.zone.innerHTML = html; }

Irgendwie so.

//e

Wobei mir gerade einfällt das das eigentlich völlig überflüssig ist da sich der Wert ja vermutlich nie ändert.
Von daher reicht das vollkommen :

Code javascript:

1 2 3 4 5 6 7 8

randomShow: function(){ var whichOne = this.getRandomNr(); var html = '<a href="'+this.store[whichOne].href+'" >'; html += '<img border="0" src="'+this.store[whichOne].src+'" '; html += ' alt="'+this.store[whichOne].alt+'">'; html += '</a>'; this.zone.innerHTML = html; }

Jetzt hab ich´s

Vielen Dank ******

Habe doch noch eine Frage!

Direkt auf der Seite läuft alles so wie ich mir das vorgestellt habe.
Das Banner wird ja mit:

Code :

1 2 3 4 5 6

<div id="dropzone">    <!-- banner goes here -->     <a href="http://www.whatever.com">       <img src="banner0.gif" alt="banner für user ohne javascript" />     </a> </div>

aufgerufen.

Ich möchte das Banner aber von verschiedenen Seiten aufrufen und habe deshalb das Script unter banner.js gespeichert.

Mit:

Code :

1 2	<script src="banner.js" type="text/javascript"> </script>

klappt das Aufrufen der separaten Datei nicht.

Wie rufe ich das Script mit dem Parameter: id="dropzone" auf ********