Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design - Bildwechsel » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Design - Bildwechsel
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Kimi. Kimi. ist weiblich
Freak <3


images/avatars/avatar-53491.jpg

Dabei seit: 05.07.2005
Beiträge: 7.811
Herkunft: Hannover
Name: Kim
Design - Bildwechsel Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
    Huhuuu meine Lieben,

    ich habe mal eine Frage an die allwissenden hier großes Grinsen

    Also, ich würde gern ein Design machen wo es ein Feld gibt wo verschiedense Bilder eingefügt werden, die Bilder sollen immer wechseln wenn man auf die nächste Seite klickt, aber pro seite soll es kein spezielles Bild geben, sondern es sollen immer wieder verschiedene sein.

    Wie mache ich das am besten ?

    Mit einem Zufallsgenerator mit PHP ?

    Ich hoffe ihr könnt mir weiterhelfen und seid vielleicht auch bereit mir dabei für weitere Fragen zur Verfügung zu stehen, bis ich es hinbekommen habe Augenzwinkern

    Lg Kim Herz


__________________
    hinfallen . aufstehen . krone richten . weitergehen

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Kimi.: 02.06.2011 15:06.
02.06.2011 15:05 Kimi. ist offline E-Mail an Kimi. senden Homepage von Kimi. Beiträge von Kimi. suchen Nehmen Sie Kimi. in Ihre Freundesliste auf Fügen Sie Kimi. in Ihre Kontaktliste ein
Black Katrin Black Katrin ist weiblich
Mitglied


Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Zufallsgenerator mit PHP, einfach und effektiv Augenzwinkern
02.06.2011 17:16 Black Katrin ist offline Homepage von Black Katrin Beiträge von Black Katrin suchen Nehmen Sie Black Katrin in Ihre Freundesliste auf
Kimi. Kimi. ist weiblich
Freak <3


images/avatars/avatar-53491.jpg

Dabei seit: 05.07.2005
Beiträge: 7.811
Herkunft: Hannover
Name: Kim

Themenstarter Thema begonnen von Kimi.
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Okay super, ich habe das bis jetzt auch so hinbekommen nur habe ich jetzt ein Problem mit dem CSS so wie es ausschaut.

Ich habe die Div's alle mit Prozentangaben benannt da ja fast jeder eine andere Bildschirmauflösung hat finde ich das die beste Lösung, so habe ich es auch bei den Bildern der Zufalswiedergabe gemacht nur da sieht es immer anders auf jedem Bildschirm aus ?!

Warum?
Ich habe den Code eigentlich nicht verändert von den Div's

Ich gebe euch einfach mal den Style.css Code und den wo alles included ist. Und zudemm auch noch den Code der Zufallswiedergabe

style.css
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:

* {
margin:0;padding:0;
}


html, body {
margin: 0; padding: 0;
text-align:center; /*Zentrierung im IE*/

background-image: url(../HG.jpg);

color: white; /*Schriftfarbe*/
font-size: 12px; font-family:"Arial", Helvetica, sans-serif;
}



#Main {
 position:absolute;
	  top: 25%;
	  left: 25%;
          width: 50%;
	  margin: 20px auto;
          padding: 10px;


background-image: url(../HGMenue.png);
border: 1px #618283 solid;

text-align:left; /*Ohne diese Angabe wäre der Text zentriert!*/
}

#Menue {
 position:absolute;
	  top: 10%;
	  left: 60%;
          width: 15%;
          height: 12%;
          padding: 10px;

 background-image: url(../HGMenue.png);
 border: 1px #618283 solid;

}

#Header {
 position:absolute;
	  top: 10%;
	  left: 25%;
          width: 15%;
          height: 12%;
          padding: 10px;
}

#DesignBild {
 position:absolute;
	  top: 10%;
	  left: 5%;
          width: 280px;
          height: 793px;
 border: 1px #618283 solid;
}



index.php
php: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

<html>
<head>
<title>SPZ Talbach</title>
<BODY>
<link rel="stylesheet" href="CSS/style.css">



<div="DesignBild">
<? include ("DesignBild.php"); ?>
</div>

<div="Header">
<? include ("header.php"); ?>
</div>

<div id="Main">
<? include ("home.php"); ?> 
</div>

<div id="Menue">
<? include ("menue.php"); ?> 
</div>




</body>
</html>



DesignBild.php (Zufallswiedergabe)
php: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:

<div id="DesignBild">

<?php
$zufall = array();
$zufall[0] = "DesignBilder/1.jpg";
$zufall[1] = "DesignBilder/2.jpg";
$zufall[2] = "DesignBilder/3.jpg";
$zufall[3] = "DesignBilder/4.jpg";
$zufall[4] = "DesignBilder/5.jpg";
$zufall[5] = "DesignBilder/6.jpg";
$zufall[6] = "DesignBilder/7.jpg";
$zufall[7] = "DesignBilder/8.jpg";
$zufall[8] = "DesignBilder/9.jpg";
$zufall[9] = "DesignBilder/10.jpg";
$zufall[10] = "DesignBilder/11.jpg";
$zufall[11] = "DesignBilder/12.jpg";
$zufall[12] = "DesignBilder/13.jpg";
$zufall[13] = "DesignBilder/14.jpg";
$zufall[14] = "DesignBilder/15.jpg";
$zufall[15] = "DesignBilder/16.jpg";
$zufall[16] = "DesignBilder/17.jpg";
$zufall[17] = "DesignBilder/18.jpg";
$zufall[18] = "DesignBilder/19.jpg";
$zufall[19] = "DesignBilder/20.jpg";
$zufall[20] = "DesignBilder/21.jpg";
$zufall[21] = "DesignBilder/22.jpg";


$zahl = rand(0,count($zufall)-1);

$bg = $zufall[$zahl];

echo"  <img src="$bg"/> ";

?>

</div>




EDIT: Hier noch die Seite von dem Design KLICK

EDIT²: Okay, habs jetzt doch von selbst hinbekommen. smile

__________________
    hinfallen . aufstehen . krone richten . weitergehen

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Kimi.: 02.06.2011 23:28.
02.06.2011 23:02 Kimi. ist offline E-Mail an Kimi. senden Homepage von Kimi. Beiträge von Kimi. suchen Nehmen Sie Kimi. in Ihre Freundesliste auf Fügen Sie Kimi. in Ihre Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design - Bildwechsel

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH