Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: zufallsbild script in der css

  1. #1
    Azubi(ne)
    Registriert seit
    17.06.2009
    Beiträge
    88
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard zufallsbild script in der css

    Hallo ich möchte in meiner homepage, das das loge zufällig erscheint.

    es stehen 5 logos zu verfügung.

    meine css.php sieht so aus:

    Code:
    <?php
    header('Content-type: text/css');
    $randomimg = mt_rand(1,5); 
    ?>
     
    #logo {
    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:10px;
    padding-bottom:50px;
    background-image:url(<?php echo '<img src="images/logo/'.$randomimg.'.jpg" alt="Zufälliges Bild" />'; ?>);
    background-repeat:no-repeat;
    background-position: 50% 50%;
    border-right:solid 1px #000;
    }
    in meiner index.php habe ich folgendes im head bereich:

    Code:
    <link rel="stylesheet" href="css.php" type="text/css">
    es wird kein zufallsbild angezeigt.
    das logo fenster bleibt schwarz....

    was habe ich falsch gemacht ?

    gruß
    micha
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    reeperbahner11
    Gast

    Standard AW: zufallsbild script in der css

    Also auf den ersten Blick würde ich sagen, entweder .css oder .php aber css.php , das habe ich noch nie gesehen/gehört

    Also deine css datei bindest du zwischen <head></head> ein, wenn sie denn style.css oder design.css oder so heisst. Und die PHP via include in den Bereich wo Sie angezeigt werden soll. Allerdings darf die zwar css.php heissen doch weiß ich nicht ob Css dann interpretiert wird. btw. ich glaube es auch nicht
    Geändert von reeperbahner11 (26.06.2009 um 03:40 Uhr)

  3. #3
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    Mein Tipp:
    Code:
    header('Content-type: text/css');
    Löschen und dann nochmal schaun was passiert.
    An sich funktioniert das script ja.

  4. #4
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    Dein Script ist PHP-mäßig richtig, aber vom CSS her falsch. Schau dir nochmal die Syntax für background-image an.

    An die anderen: der header sendet einen sogenannten MIME-Type, der dem Browser sagt, dass er die Datei nicht als z.B. HTML-Datei, sondern als CSS-Datei auffassen soll. Mit header("Content-type: text/javascript"); könnte man zum Beispiel eine Uhr generieren, die von der Serverzeit ausgeht, aber mit Javascript weiterläuft.
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

  5. #5
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    Der header soll aber als aller erstes kommen. Tut er ja aber nicht da er erst mit dem aufrufen der CSS-datei kommt oder sehe ich das falsch?

  6. #6
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    Jein. Die Datei wird ja nicht über den Server eingebunden, sondern über HTTP. Dabei geht der Browser die Dateien durch, die sonstwo im Quelltext angegeben sind (<img src=...>, <link href=...>, <script src=...>) und guckt, auf welche Art er sie einbindet. Der img-Tag zum Beispiel erwartet den MIME-Typ image/jpeg, image/gif oder ähnliches. Bei <link rel="stylesheet" type="text/css"> erwartet der Browser den MIME-Typ text/css. Da die Datei aber auf .php enden muss, damit sein Code interpretiert wird, hat er den an den Browser geschickten MIME-Type über header() geändert.
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

  7. #7
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: zufallsbild script in der css

    So kann das wirklich nicht funktionieren... PHP bitte in der php datei und css in der css datei.

    dann darfst du nach dem header dein php script includen der dir den path zufällig generiert und in einem <style> block dann background-img neu setzen (in der css datei würd ichs auch noch lassen als default...)

    hier mal ein beispiel das ich grad zusammengewürfelt hab.
    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Random Background-color</title>
    <link href="pic.css" rel="stylesheet" style="text/css" />

    <?php
    $random 
    rand(0,16777215);
    $hex dechex($random);
    ?>

        <style type="text/css">
      <!--
        #background { background-color: #<?php echo $hex;?>; }
      //-->
      </style>
    </head>

    <body>
    <div id='background'>
    &nbsp;
    </div>
    </body>
    </html>
    CSS:
    Code:
    #background {
    background-color: #fff;
    width: 500px;
    height: 500px;
    }
    Damit dürfte alles klar sein oder? *g*

    /p.s.: alles ab <?php bis </style> kannst du auch natürlich in ne andere datei auslagern
    Geändert von Grevas (26.06.2009 um 12:16 Uhr)

  8. #8
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    Zitat Zitat von Grevas Beitrag anzeigen
    So kann das wirklich nicht funktionieren... PHP bitte in der php datei und css in der css datei.
    Dann bitte style-Tags auch in den head-bereich
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

  9. #9
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: zufallsbild script in der css

    Zufrieden nun? Hab jetzt auch brav ein Doctype reingeklatscht.

  10. #10
    Azubi(ne)
    Themenstarter

    Registriert seit
    17.06.2009
    Beiträge
    88
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: zufallsbild script in der css

    hey,


    habe es nun so gelöst:
    css.php

    <?php
    header('Content-type: text/css');
    $bilder = array(
    '/images/logo/1.jpg',
    '/images/logo/2.jpg',
    '/images/logo/3.jpg',
    '/images/logo/4.jpg',
    '/images/logo/5.jpg'
    );
    $zufallsbild = $bilder[rand(0, count($bilder)-1)];
    ?>

    #logo {
    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:10px;
    padding-bottom:50px;
    background-image: url(<?= $zufallsbild ?>);
    background-repeat:no-repeat;
    background-position: 50% 50%;
    border-right:solid 1px #000;
    }
    in meiner index.php:

    <link rel="stylesheet" href="css.php" type="text/css">


    kann ich das so belassen, ist es korrekt ?
    also funktionieren tut es...

    lg

Ähnliche Themen

  1. Einfaches Zufallsbild Script
    Von Tommes im Forum Script-Archiv
    Antworten: 16
    Letzter Beitrag: 13.10.2006, 00:16
  2. Zufallsbild
    Von Stefan K. im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 12.10.2006, 19:33
  3. Zufallsbild!
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 08.05.2006, 20:54
  4. Zufallsbild verlinken mit PHP
    Von Ingo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 9
    Letzter Beitrag: 14.02.2006, 16:34
  5. Zufallsbild erstellen
    Von Andi56 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 13
    Letzter Beitrag: 15.09.2004, 12:30

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •