Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.05.2012 um 02:07 (UTC)    
Titel: Kann man einen Zufallscode zweimal benutzen (ID)?

Hallo Freunde sagt mal, wie kann ich diesen code auf meiner homepage zweimal verwenden, nur das jedoch andere bilder angezeigt werden

Mit dem ersten code den ich jetzt habe, werden unsere sponsoren nacheinander angezeigt

Mit dem anderen code (dem selben halt, aber nur mit anderen url), sollen Bilder von Spielern hintereinander gezeigt werden

Ich habe da schon einiges Probiert klappt irgendwie nicht. Denn wenn ich den code einmal bei "unter dem Design" schreibe und einmal den code für die spielerfotos (url) "unter der rechten box" einfüge , passiert in der rechten box nichts, jedoch kommen dann bei den bildern wo angeblich die sponsor bilder sein sollten die bilder von den spielern.


Kann ich den code nicht zweimnal benutzen ? da fehlt doch eigentlich eine id oder sowas in der art , oder nciht ?

wäre echt super wenn mir jemand helfen könnte

LG
FCH



Hier der CODE

<script type="text/javascript">
function imageLine()
{
var checkInterval = null,
imageLineInterval = null,
currentImage = -1;
/*
Variablen die man in
verschiedenen Funktionen benötigt
*/
images = new Array(
'http://img.webme.com/pic/f/fc-huchting/sepp20110012.jpg',
'http://img.webme.com/pic/f/fc-huchting/sepp20110011.jpg',
'http://img.webme.com/pic/f/fc-huchting/sepp20110061.jpg',
'http://img.webme.com/pic/f/fc-huchting/sepp20110058.jpg', 'http://img.webme.com/pic/f/fc-huchting/sepp20110041.jpg', 'http://img.webme.com/pic/f/fc-huchting/sepp20110042.jpg',
'http://img.webme.com/pic/f/fc-huchting/sepp20110045.jpg'
// Diese Bilder sind die standard Windows XP Bilder
);
// Alle Bilder die angezeigt werden sollen

loadingImages = new Array();
// Dieses Array enthält später alle Objekte

this.run = function()
{
checkInterval = window.setInterval('this.checkIfLoaded();', 100);
// Alle 100 Millisekunden prüfen ob alle Bilder geladen sind
for(i = 0;i < images.length;i++)
{
image = images[i];
loadingImages.push(new Image);
loadingImages[i].src = image;
}
/*
Alle Images in dem Array einzeln Durchgehen.
Das Array für die Objekte mit den Objekten füllen.
Dem neuen Objekt die Url des momentanen Bildes geben.
*/
}

this.checkIfLoaded = function()
{
allLoaded = true;
for(i = 0;i < loadingImages.length;i++)
{
loadingImage = loadingImages[i];
if(!loadingImage.complete)
allLoaded = false;
}
/*
Alle Objekte durchgehen.
Prüfen ob das aktuelle Objekt / Bild geladen ist.
Falls nicht dann die Variable zur Prüfung auf false setzen
*/
if(allLoaded)
{
// Wenn alle Objekte / Bilder geladen sind

// Die Interval für das Prüfen löschen
window.clearInterval(checkInterval);
// Das erste Bild anzeigen
this.startImageLine();
// Die Funktion für das Bilder wechseln alle 10 Sekunden ausführen
window.setInterval('this.startImageLine();', 10000);
}
}

this.startImageLine = function()
{
this.showImage();
// Bild anzeigen
if(currentImage == (loadingImages.length - 1))
currentImage = 0;
else
currentImage += 1;
/*
Aktuelles Bild um eins hochzählen.
Sollte das momentane Bild genau so groß sein,
wie das Array dann wieder beim ersten anfangen.
*/

element = document.getElementById('imageline');
// Element für die Bilderanzeige
element.style.height = loadingImages[currentImage].height + 'px';
element.style.width = loadingImages[currentImage].width + 'px';
// Dem Element die Breite und Höhe des momentanen Bildes geben
element.style.backgroundImage = 'url(' + loadingImages[currentImage].src + ')';
// Dem Element das aktuelle Bild als Hintergrundbild setzen

window.setTimeout('this.hideImage();', 9500);
// Das Bild in 9,5 Sekunden ausblenden
}

this.hideImage = function()
{
element = document.getElementById('imageline');
for(i = 0;i <= 100;i++)
window.setTimeout('element.style.filter = "Alpha(opacity=' + (100 - i) + ')"; element.style.MozOpacity = ' + (1 - i / 100) + '; element.style.opacity = ' + (1 - i / 100) + ';', i * 5);
// Von 0 bis 100 (Prozent)
// Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht
}

this.showImage = function()
{
element = document.getElementById('imageline');
for(i = 0;i <= 100;i++)
window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' + i / 100 + ';', i * 5);
// Hier das selbe wie bei hideImage
}

this.run();
}

window.onload = function()
{
imageLine();
}
</script>

<p id="imageline1"> </p>
Very Happy Very Happy Very Happy Very Happy Very Happy Smile


Zuletzt bearbeitet von fc-huchting am 06.05.2012, 11:09, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de