Gegen Bilderklau - Das Original | Druckvorschau: Design - Bildwechsel

Geschrieben von Kimi. am 02.06.2011 um 15:05:

Design - Bildwechsel

Huhuuu meine Lieben,

Geschrieben von Black Katrin am 02.06.2011 um 17:16:

Zufallsgenerator mit PHP, einfach und effektiv Augenzwinkern

Geschrieben von Kimi. am 02.06.2011 um 23:02:

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