zufallsbild mit CSS

Willi0815 · 24.01.2012, 13:34

hallo zusammen,
ich versuche eine vorgegebene css datei so zu ändern, das ein zufälliges bild (logo.jpg) angezeigt wird.
Alles was ich bislang im Netz und hier durch die Suche im Forum gefunden habe, bezieht sich auf java oder php.

folgender teil einer css.datei ist gegeben

Code:

#logo {width:100%;
color:#800000;
background-color:#000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 22px;line-height: 20px;
font-variant:small-caps;
vertical-align:bottom;
text-align:left;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position: 100% 50%;
border-right:solid 10px #000;

was muß ich ändern um die random funktion nutzen zu können? ich würde ungern php nutzen wollen da ich sonst 30 seiten ändern müßte.

vielen dank

eagle275 · 24.01.2012, 13:36

http://sonspring.com/journal/easy-ra...ss-backgrounds <-- wenn du nach CSS fragst, warum postest du dann trotzdem im php-Bereich ?

fab · 24.01.2012, 13:48

Einen Nachteil hat das ganze: Da rotator.php immer andere Bilder liefert, kann der Browser-Cache nicht genutzt werden

Wie wäre es mit mod_rewrite? RewriteMap kann die Dateinamen zufällig aus einer generierten Textdatei holen und einen entsprechenden 302-Redirect zurückgeben.

Willi0815 · 24.01.2012, 19:49

ich habe jetzt ein script gefunden mit dem aus dem .css file auf eine php verwiesen wird.
Nun brauche ich doch bitte Hilfe bei PHP

Code:

#logo {width:100%;
color:#800000;
background-color:#000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 22px;line-height: 20px;
font-variant:small-caps;
vertical-align:bottom;
text-align:left;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
background-image:url(random/rotator.php);
background-repeat:no-repeat;
background-position: 100% 50%;
border-right:solid 10px #000;

}

random ist der ordner in dem die rotator.php und alle bilder abgelegt sind.

PHP-Code:

  <?php

 
    $folder = '.';

 
 
 
    $extList = array();

    $extList['gif'] = 'gif';

    $extList['jpg'] = 'jpg';

    $extList['jpeg'] = 'jpeg';

    $extList['png'] = 'png';

    

 
 
$img = null;

 
if (substr($folder,-1) != '/') {

    $folder = $folder.'/';

}

 
if (isset($_GET['img'])) {

    $imageInfo = pathinfo($_GET['img']);

    if (

        isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&

        file_exists( $folder.$imageInfo['basename'] )

    ) {

        $img = $folder.$imageInfo['basename'];

    }

} else {

    $fileList = array();

    $handle = opendir($folder);

    while ( false !== ( $file = readdir($handle) ) ) {

        $file_info = pathinfo($file);

        if (

            isset( $extList[ strtolower( $file_info['extension'] ) ] )

        ) {

            $fileList[] = $file;

        }

    }

    closedir($handle);

 
    if (count($fileList) > 0) {

        $imageNumber = time() % count($fileList);

        $img = $folder.$fileList[$imageNumber];

    }

}

 
if ($img!=null) {

    $imageInfo = pathinfo($img);

    $contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ];

    header ($contentType);

    readfile($img);

} else {

    if ( function_exists('imagecreate') ) {

        header ("Content-type: image/png");

        $im = @imagecreate (100, 100)

            or die ("Cannot initialize new GD image stream");

        $background_color = imagecolorallocate ($im, 255, 255, 255);

        $text_color = imagecolorallocate ($im, 0,0,0);

        imagestring ($im, 2, 5, 5,  "IMAGE ERROR", $text_color);

        imagepng ($im);

        imagedestroy($im);

    }

}

 
?>

Leider wird kein Bild angezeigt und ich weis einfach nicht weiter.

Manko10 · 24.01.2012, 19:50

Themenmoderation:
[→] Verschoben von PHP Einsteiger

Arne Drews · 25.01.2012, 14:13

Also wenn ich mal vom Ausgangspost ausgehe

Zitat:

ich versuche eine vorgegebene css datei so zu ändern, das ein zufälliges bild (logo.jpg) angezeigt wird.

PHP-Code:

  // Beispieldatei: rotator.php

// Beispiel bezieht sich nur auf JPG-Bilder !

header( 'Content-Type: image/jpeg' );

 
$imageFiles = glob( './*.jpg' );

shuffle( $imageFiles );

 
$imageResource = imagecreatefromjpeg( $imageFiles[0] );

imagejpeg( $imageResource );

 
imagedestroy( $imageResource );

Wenn Du dann im CSS wie schon erwähnt das einbaust:

Code:

background:url(random/rotator.php);

...sollte es klappen.

Was ich mir noch vorstellen könnte, wäre die Pfadangabe zur rotator.php.
CSS-Dateien interpretieren relative Pfadangaben von Ihrem Ursprung aus.
Sicher, daß in dem Verzeichnis, in dem die CSS liegt das Verzeichnis random mit den Bildern liegt?!

fab · 25.01.2012, 14:31

Zitat:

Zitat von Arne Drews

PHP-Code:

  $imageResource = imagecreatefromjpeg( $imageFiles[0] );

imagejpeg( $imageResource );

imagedestroy( $imageResource );

GD ist hier wirklich überflüssig. Das Beispiel-Skript oben macht es schon richtig, mit readfile.

@TE: Lass mal den jpeg-header weg und rufe rotator.php direkt auf. Dann siehst du - error reporting vorausgesetzt - auch Fehlermeldungen und musst nicht aufgrund von "Bild wird nicht angezeigt" herumraten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Zufallsbild plus Zufalls Alt Beschreibung aus Verzeichnis	tomi	PHP Tipps 2009	1	05.01.2009 14:58
Zufallsbild -> Abfrage MySQL Datenbank	nic_	Datenbanken	4	24.11.2008 12:43
Zufallsbild	d-jango	Datenbanken	3	19.03.2006 18:41
zufallsbild vor dem login	eQuin	PHP Tipps 2007	19	12.01.2006 12:46
zufallsbild aus ordner erzeugen		PHP Tipps 2005-2	20	26.10.2005 18:24
zufallsbild mit php +popup öffnen		PHP Tipps 2005	3	13.07.2005 14:59
Zufallsbild erstellen		PHP Tipps 2005-2	2	22.06.2005 05:54
[Erledigt] php variablen in zufallsbild einbinden		HTML, Usability und Barrierefreiheit	5	08.05.2005 21:42
Problem bei Zufallsbild		PHP Tipps 2005	2	17.02.2005 16:31
Zufallsbild	odaa	PHP Tipps 2005	4	02.01.2005 01:53

24.01.2012, 13:34
Willi0815 Neuer Benutzer Registriert seit: 15.02.2011 Beiträge: 22 PHP-Kenntnisse: Anfänger	zufallsbild mit CSS hallo zusammen, ich versuche eine vorgegebene css datei so zu ändern, das ein zufälliges bild (logo.jpg) angezeigt wird. Alles was ich bislang im Netz und hier durch die Suche im Forum gefunden habe, bezieht sich auf java oder php. folgender teil einer css.datei ist gegeben Code: #logo {width:100%; color:#800000; background-color:#000; font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif; font-size: 22px;line-height: 20px; font-variant:small-caps; vertical-align:bottom; text-align:left; padding-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(images/logo.jpg); background-repeat:no-repeat; background-position: 100% 50%; border-right:solid 10px #000; was muß ich ändern um die random funktion nutzen zu können? ich würde ungern php nutzen wollen da ich sonst 30 seiten ändern müßte. vielen dank


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.01.2012, 13:36
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	http://sonspring.com/journal/easy-ra...ss-backgrounds <-- wenn du nach CSS fragst, warum postest du dann trotzdem im php-Bereich ? __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

24.01.2012, 13:48
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Einen Nachteil hat das ganze: Da rotator.php immer andere Bilder liefert, kann der Browser-Cache nicht genutzt werden Wie wäre es mit mod_rewrite? RewriteMap kann die Dateinamen zufällig aus einer generierten Textdatei holen und einen entsprechenden 302-Redirect zurückgeben. __________________ PHP Blog + Library CSS Effects + Tools

24.01.2012, 19:49
Willi0815 Neuer Benutzer Registriert seit: 15.02.2011 Beiträge: 22 PHP-Kenntnisse: Anfänger	ich habe jetzt ein script gefunden mit dem aus dem .css file auf eine php verwiesen wird. Nun brauche ich doch bitte Hilfe bei PHP Code: #logo {width:100%; color:#800000; background-color:#000; font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif; font-size: 22px;line-height: 20px; font-variant:small-caps; vertical-align:bottom; text-align:left; padding-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(random/rotator.php); background-repeat:no-repeat; background-position: 100% 50%; border-right:solid 10px #000; } random ist der ordner in dem die rotator.php und alle bilder abgelegt sind. PHP-Code: <?php $folder = '.'; $extList = array(); $extList['gif'] = 'gif'; $extList['jpg'] = 'jpg'; $extList['jpeg'] = 'jpeg'; $extList['png'] = 'png'; $img = null; if (substr($folder,-1) != '/') { $folder = $folder.'/'; } if (isset($_GET['img'])) { $imageInfo = pathinfo($_GET['img']); if ( isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) && file_exists( $folder.$imageInfo['basename'] ) ) { $img = $folder.$imageInfo['basename']; } } else { $fileList = array(); $handle = opendir($folder); while ( false !== ( $file = readdir($handle) ) ) { $file_info = pathinfo($file); if ( isset( $extList[ strtolower( $file_info['extension'] ) ] ) ) { $fileList[] = $file; } } closedir($handle); if (count($fileList) > 0) { $imageNumber = time() % count($fileList); $img = $folder.$fileList[$imageNumber]; } } if ($img!=null) { $imageInfo = pathinfo($img); $contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ]; header ($contentType); readfile($img); } else { if ( function_exists('imagecreate') ) { header ("Content-type: image/png"); $im = @imagecreate (100, 100) or die ("Cannot initialize new GD image stream"); $background_color = imagecolorallocate ($im, 255, 255, 255); $text_color = imagecolorallocate ($im, 0,0,0); imagestring ($im, 2, 5, 5, "IMAGE ERROR", $text_color); imagepng ($im); imagedestroy($im); } } ?> Leider wird kein Bild angezeigt und ich weis einfach nicht weiter. Geändert von Willi0815 (25.01.2012 um 07:46 Uhr).

24.01.2012, 19:50
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Themenmoderation: [→] Verschoben von PHP Einsteiger __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”