Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.01.2010 um 23:58 (UTC)    
Titel: Brauche dringend Hilfe bei Bildlaufleiste

Hallo erst mal.
Ich brauche dringend einen Code für eine Art Bildlaufleiste. Das Problem ist aber, die Bilder sollen nicht einfach von unten nach oben oder von links nach rechts laufen, sondern sie sollen einfach nacheinander eingeblendet werden!
Also das erste Bild soll erscheinen und ein oder zwei Sekunden später soll einfach das nächste Bild eingeblendet werden und so weiter....wie zum Beispiel hier: http://www.mohaak.de.tl/Moto-X-_Team-A-%AE%A9.htm (dümmer konnt ich´s nicht bechreiben)
Ich suche schon seit langem im Forum nach einem passenden Code, habe aber bisher nichts gefunden.....also hoffe ich jetzt, dass ich auf diesem Weg jemanden finde der mir helfen kann.





Und immer getreu dem Motto...Fahren und Fahren lassen!
www.traffic-stunterz.com
Beitrag12.01.2010 um 14:34 (UTC)    
Titel:

Hallo,

dazu kannst du folgendes Script verwenden:

Zitat:
<!-- Hier die Adresse des ersten Bildes; sonst nichts verändern !!!!!!!!!! -->
<img src="Bildadresse1" width="0" onLoad="runSlideShow()">
<!-- Hier nochmal die Adresse des ersten Bildes; evtl. die Tabelle formatieren ! -->

<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="Bildadresse1" name="SlideShow" width="160" border="1">
</td>
</tr>
</table>


<script>

var slideShowSpeed = 3000 // Dauer des Bildwechsels in Millisekunden (hier 3 Sekunden)

var crossFadeDuration = 3 // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'Bildadresse2'

Pic[1] = 'Bildadresse3'

Pic[2] = 'Bildadresse4'

Pic[3] = 'Bildadresse5'


// ab hier nichts mehr verändern !!


var jj = 0
var p = Pic.length
var preLoad = new Array()

for (ii = 0; ii < p; ii++){

preLoad[ii] = new Image()
preLoad[ii].src = Pic[ii]

}

function runSlideShow(){

if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[jj].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}

jj = jj + 1
if (jj > (p-1)) jj=0

t = setTimeout('runSlideShow()', slideShowSpeed)

}

</script>


blau=Bildadressen eingeben
rot=Breite der Bilder eingeben (es sollten alle gleich breit sein)

Anschließend das Script in den Quellcode deiner HP einbinden.

Kann dann so aussehen: http://www.homepage-baukasten-dateien.de/harleyheaven/dia.htm

LG Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de



Zuletzt bearbeitet von harleyheaven am 12.01.2010, 15:36, insgesamt einmal bearbeitet
Beitrag20.01.2010 um 18:22 (UTC)    
Titel:

Danke harleyheaven!

Werde mir das Script auf jedenfall kopieren. Habe zwischenzeitlich aber schon eine andere Möglichkeit gefunden. Habe das ganze Problem mit einer GIF - Animation gelöst. Sieht genau so aus....

Aber trotzdem noch mal vielen, vielen Dank für Deine Mühen!!!

Ich wuste doch genau das man sich auf Euch verlassen kann und promt Hilfe bekommt! Nochmals vielen Dank!
Beitrag20.01.2010 um 22:32 (UTC)    
Titel:

Sehr gerne geschehen.

Ein GIF zu erstellen ist natürlich auch - wenngleich eine etwas umständliche - eine Möglichkeit!

Danke für deine Rückmeldung...

Gute N8

Gruß Marco
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de



Zuletzt bearbeitet von harleyheaven am 20.01.2010, 23:36, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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