mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 20:42 Benutzername: Passwort: Auto-Login

Thema: bilder wechseln bei erneutem seitenaufruf (shuffle) vom 14.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> bilder wechseln bei erneutem seitenaufruf (shuffle)
Seite: 1, 2  Weiter
Autor Nachricht
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Mi 14.03.2007 10:30
Titel

bilder wechseln bei erneutem seitenaufruf (shuffle)

 Antworten mit Zitat Zum Seitenanfang
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: Männlich
Verfasst Mi 14.03.2007 10:37
Titel

Antworten mit Zitat Zum Seitenanfang
http://typo3.org/extensions/repository/view/cc_random_image/2.0.0/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mi 14.03.2007 10:48
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<?

$images=Array();

$images[0]="bild1.jpg";
$images[1]="bild1.jpg";

// (...)

print '<img src="'.$images[rand(1,$images.length);].' " alt="Bild">';
?>




vielleicht hilfts
  View user's profile Private Nachricht senden
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Mi 14.03.2007 11:19
Titel

Antworten mit Zitat Zum Seitenanfang
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: Männlich
Verfasst Mi 14.03.2007 21:56
Titel

Antworten mit Zitat Zum Seitenanfang
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.
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 14.03.2007 23:07
Titel

Antworten mit Zitat Zum Seitenanfang
Javascript ist hierfür doch sowieso albern,
da er doch php zur Verfügung hat.
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Do 15.03.2007 09:29
Titel

Antworten mit Zitat Zum Seitenanfang
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" />
  View user's profile Private Nachricht senden
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Do 15.03.2007 22:45
Titel

Antworten mit Zitat Zum Seitenanfang
*Thumbs up!*
 
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB