Autor |
Nachricht |
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mi 14.03.2007 10:30
Titel bilder wechseln bei erneutem seitenaufruf (shuffle) |
|
|
hallo,
ich mache ne page mit typo3+css. ich würde gerne ein bild einbinden als header, welches bei jedem seitenaufruf wechselt. z.B. 10 verschiedene header-bilder, jedes mal beim aktualisieren/neuaufruf soll ein anderes gezeigt werden.
kann mir jemand helfen?
thx
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mi 14.03.2007 10:48
Titel
|
|
|
Code: | <?
$images=Array();
$images[0]="bild1.jpg";
$images[1]="bild1.jpg";
// (...)
print '<img src="'.$images[rand(1,$images.length);].' " alt="Bild">';
?>
|
vielleicht hilfts
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mi 14.03.2007 11:19
Titel
|
|
|
danke für eure schnelle hilfe ich werd das mal ausprobieren!
thxthxthx
Nachtrag:
Code: | <script language='javascript'>
//-- Generate a random number between 0 and max.
function randomNum(max) {
var rNum=NaN
while (isNaN(rNum)) {
rNum=Math.floor(Math.random()*(max))
}
return rNum
}
var pic = new Array()
pic[0]="images/4.jpg"
pic[1]="images/3.jpg"
pic[2]="images/2.jpg"
pic[3]="images/1.jpg"
imgTag='<img border="0" src="'
imgTag+=pic[randomNum(pic.length)]
imgTag+='">'
document.write (imgTag)
</script> |
[edit by Nimroy]
Bitte [code]-Tags verwenden.
Bitte edit verwenden.
Zuletzt bearbeitet von Nimroy am Mi 14.03.2007 23:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mi 14.03.2007 21:56
Titel
|
|
|
Code: | <script language='javascript'> |
Seit HTML 4.0 ist die Angabe zum MIME-Typ Pflicht.
Korrekt wäre also:
Code: | <script type="text/javascript"> |
(und genaugenommen ist diese - zumindest theoretisch - auch schon wieder veraltet. eigentlich sollte der neue MIME-Typ application/javascript genutzt werden. da das aber noch nicht allen browsern bekannt ist, solltest du text/javascript nehmen.)
Und dann scheint es mir, als hättest du keine Fallback-Möglichkeit gegeben...
Du schreibst das Imagetag mit Javascript. Was aber, wenn ein User JS im Browser deaktiviert hat?
Dann erscheint überhaupt kein Header-Bild...
Ich würde die Sache deswegen anders angehen. Du solltest einen Noscript-Bereich erstellen, wo du dann einen Header ganz normal per HTML einbindest.
Oder du könntest das mit dem Zufalls-Header serverseitig lösen. Wenn du das mit PHP machst, dann wird auch bei deaktiviertem JS immer ein Header gezeigt.
BTW: Wenn Du hier im Board Code postest, dann benutze am besten die dafür vorgesehenen Code-Tags. Dadurch bleiben die Whitespaces erhalten und der Code bleibt leserlich.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.03.2007 23:07
Titel
|
|
|
Javascript ist hierfür doch sowieso albern,
da er doch php zur Verfügung hat.
|
|
|
|
|
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Do 15.03.2007 09:29
Titel
|
|
|
Du kannst die Zufalls-Logik auch auslagern:
Code: | <?php
$Img = Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg" );
$filename = "/pfad/zu/deinen/Bildern/" . $Img[ rand( 0, sizeof( $Img ) - 1 ) ];
if( $fh = fopen ( $filename, "rb" ) ) {
header( "Content-Type: image/jpeg" );
fpassthru( $fh );
fclose( $fh );
}
?> |
Diese Datei bindest du einfach in dein img-Tag ein:
Code: |
<img src="randomimage.php" alt="bild" /> |
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Do 15.03.2007 22:45
Titel
|
|
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
3 Bilder bei Seitenaufruf diagonal reinsliden bzw. scrollen
onmouseover 2 Bilder wechseln
2 Bilder mit onMouseOver="this.src= wechseln wie?
CSS Slideshow mit Zufall? (Header in dem Bilder wechseln)
html - paar bilder automatisch im 2 sek. takt wechseln
AJAX Seitenaufruf
|
|