Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
JoeX
Threadersteller
Dabei seit: 23.06.2009
Ort: Owingen
Alter: 31
Geschlecht:
|
Verfasst Sa 27.06.2009 14:52
Titel Random Bannerwechsel |
|
|
hallo!
Ich habe mir gestern bei nem dynamischen CMS nen random Bannerwechsel eingebaut..
Das ging ganz leicht mit nem php schnipsel der ne .txt anzapft...
jetzt bräuchte ich sowas für ne statische HTML-seite ...
kennt irgendwer nen script oder weiß wie ich sowas include oä?
vielen Dank im Vorraus.
schönen Tag noch:
JoeX
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Sa 27.06.2009 18:44
Titel
|
|
|
bei ner statischen seite würd ich auf javascript zurückgreifen
|
|
|
|
|
Anzeige
|
|
|
JoeX
Threadersteller
Dabei seit: 23.06.2009
Ort: Owingen
Alter: 31
Geschlecht:
|
Verfasst Sa 27.06.2009 18:56
Titel
|
|
|
Das hab ich mir jetzt auch gedacht und hab auch schon ein wenig was gefunden...
Zuerst ein einfacher Bildwechsel:
Code: | <html>
<head>
<title>Automatischer Bildwechsel</title>
<script language="JavaScript"><!--
var Bilder = new Array("http://p-nessel.de/pixelpromo.png","http://p-nessel.de/ebby.png","http://www.p-nessel.de/banner.jpg");
var Delay = 4000;
var BildAnzahl = Bilder.length;
var number = 0;
BildFolge = new Image(); BildFolge.src = Bilder[number];
function change() {
number++;
if (number == BildAnzahl) number = 0;
BildFolge.src = Bilder[number];
document.Wechsel.src = BildFolge.src;
}
setInterval("change()", Delay);
//-->
</script>
</head>
<body>
<p> </p>
<div align=center> <img src="http://p-nessel.de/pixel.png" alt="ZufallsWerbung">
</body>
</html> |
Sry..is nich sehr übersichtlich., ich hoffe es geht so...
Jetzt war mein Problem natürlich, dass es sich um Banner handelt, welche sehr Zweckfrei wären, wenn man sie nicht verlinken könnte..
Dann hab ich mal versucht, die Bilder durch Links zu tauschen und das Javascript dementsprechend zu ändern...
daraus entstand das (Nich lachen, ich hab keinerlei Ahnung von Javascript):
Code: | <html>
<head>
<title>Automatischer Bildwechsel</title>
<script language="JavaScript"><!--
var Bilder = new Array("http://p-nessel.de/pixelpromo.png","http://p-nessel.de/ebby.png","http://www.p-nessel.de/banner.jpg");
var Delay = 4000;
var BildAnzahl = Bilder.length;
var number = 0;
BildFolge = new Image(); BildFolge.src = Bilder[number];
function change() {
number++;
if (number == BildAnzahl) number = 0;
BildFolge.src = Bilder[number];
document.Wechsel.src = BildFolge.src;
}
setInterval("change()", Delay);
//-->
</script>
<script language="JavaScript"><!--
var Links = new Array("http://p-nessel.de/1.html","http://ebby.de.be","http://pixel-design.de.be");
var Delay = 4000;
var LinkAnzahl = Links.length;
var number = 0;
LinkFolge = new Link(); LinkFolge.src = Links[number];
function change() {
number++;
if (number == LinkAnzahl) number = 0;
LinkFolge.src = Links[number];
document.Wechsel.src = LinkFolge.src;
}
setInterval("change()", Delay);
//-->
</script>
</head>
<body>
<p> </p>
<div align=center> <img src="http://p-nessel.de/pixel.png" alt="ZufallsWerbung">
<div align=center> <a href="http://p-nessel.de">Zur entsprechenden Seite: Klick!</a>
<p>
</div>
</body>
</html>
|
Hat aber nicht funktioniert...
kennt jemand eine möglichkeit, die Bilder dem entsprechend in Abfolge zu verlinken, oder wenigstens alle 4 sekunden einen anderen Link (in selber Reihenfolge wie die png's) unten drunter zu schalten?
währe sehr dankbar...
//Edit:
Ich habe es zur Sicherheit auch online und nicht nur lokal getestet.
Zuletzt bearbeitet von JoeX am Sa 27.06.2009 18:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 28.06.2009 10:38
Titel
|
|
|
Hi, hier ein Script das Dir Banner rotieren läßt:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Banner Change</title>
<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>
</head>
<body>
<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>
</body>
</html>
|
http://zweitaccount.zw.ohost.de/banner_change/index.html (adBlock ausschalten falls aktiviert )
Gruß
zweitaccount
|
|
|
|
|
JoeX
Threadersteller
Dabei seit: 23.06.2009
Ort: Owingen
Alter: 31
Geschlecht:
|
Verfasst So 28.06.2009 12:45
Titel
|
|
|
vielen Dank!!
ich werds gleich ma einbauen
//EDIT: Habs alles wunderbar hingekriegt
nochmals danke!
Zuletzt bearbeitet von JoeX am So 28.06.2009 17:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[Javascript] Bannerwechsel mit Links
Diashow: Random / Alphaeffekt
xml-Playlist -------Random Funktion?
[Flash] Simples Zufallsskript Random
Random PHP Script mit jquery fade
Suche Flash slideshow random...
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|