Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.02.2010 um 23:00 (UTC)    
Titel: wechselnder Header verlinken

Hi,
ich habe jetzt eingerichtet, dass sich mein Header bei Aktualisierungen zufällig wechselt(momentan 3 Bilder)

haben folgenden code:




<style type="text/css">
<!--
table#table1{position:absolute;left:0px;top:10px;}

-->
</style>

<table border="0" width="1000" height="158" id="table1">
<tr>
<td><script language="JavaScript">
<!-- Verstecke fuer aeltere Browser --
var imagenumber = 3 ; //Anzahl der Grafiken
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "http://img.webme.com/pic/v/vfl-schwerin-tischtennis/header_vfl_6.jpg"
images[2] = "http://img.webme.com/pic/v/vfl-schwerin-tischtennis/header_vfl_8.jpg"
images[3] = "http://img.webme.com/pic/v/vfl-schwerin-tischtennis/header_vfl_7.jpg"

var image = images[rand1]
// -- Ende verstecken -->
</script>
<script language="JavaScript">
<!-- Verstecken fuer aeltere Browser --
document.write('<IMG SRC="' + image + '">')
// -- Ende verstecken -->
</script>
</td></tr></table>




Nun wollte ich fragen, ob ich diese einzelnen Bilder auch verlinken kann.

Außerdem: kann ich auch einstellen, dass sich der Header nicht nach jeder Aktualisierung ändert, sondern nach z.B. 5 Sekunden?

Wäre schön wenn mir jemand helfen könnte...
Beitrag02.02.2010 um 23:40 (UTC)    
Titel:

Als Skript könntest du auch diesen Code nehmen:

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

<table border="2" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="http://Bildadresse des Startbildes" name="SlideShow" width="111" border="1">
</td>
</tr>
</table>


<script>

var slideShowSpeed = 2000 // Dauer des Bildwechsels in Millisekunden (hier 2 Sekunden)

var crossFadeDuration = 3 // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'http://deineBildadresse.jpg'

Pic[1] = 'http://deineBildadresse.jpg'

Pic[2] = 'http://deineBildadresse.jpg'

// 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>


rot = hier kannst du die Zeit eingeben, nach der das Bild gewechselt werden soll

Das was jetzt kommt, kannst du probieren. Mir fehlt leider die Zeit (Uhrzeit) um es jetzt noch zu testen!

Tausche das Blaue (Bildadresse) gegen das

Arrow <a target="_blank" href="http://..Adresse der Ziel-Seite"><img src="http://..hier Bild-Adresse" border="0" /></a>

Dann wäre das Bild verlinkt!

Melde dich bitte ob es geklappt hat!

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

Beiträge der letzten Zeit anzeigen:   


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