hoezo dit?
en ik wil random foto's laden zowel in de banner als op de achtergrond.
Maar de "container" (met daar in menu en banner en wissel dit zijn divjes) wordt onder de achtergond geladen, maar het moet er over heen!
www.v-maaren.nl/new_php
hoe kan dit verholpen worden?
alvast bedankt
dit moet um zijn:
werkende link
Gewijzigd op 08/03/2006 19:27:00 door wout
Quote:
<img src=images/achtergrond//5.jpg>
Duh ! Dat je afbeelding er boven komt...
In je css
Code (php)
1
2
3
2
3
#container {
background: url('images/achtergrond/5.jpg') no-repeat;
}
background: url('images/achtergrond/5.jpg') no-repeat;
}
toevoegen... De tag bestaat al volgens je code, dus plak het goed, en niet heel het bovenstaande (;
Je kan een z-index meegeven: een hoger getal plaatst een layer boven een andere, bv. z-index: 1 komt boven een z-index met waarde 0.
Ik kan je site even niet in IE bekijken, maar in FF klopt hij waarschijnlijk niet.
Edit:
Daar had ik nog niet eens naar gekeken. De oplossing van Rafael is de juiste.
Gewijzigd op 08/03/2006 19:13:00 door Winston Smith
Rafael:
Duh ! Dat je afbeelding er boven komt...
In je css
Quote:
<img src=images/achtergrond//5.jpg>
Duh ! Dat je afbeelding er boven komt...
In je css
Code (php)
1
2
3
2
3
#container {
background: url('images/achtergrond/5.jpg') no-repeat;
}
background: url('images/achtergrond/5.jpg') no-repeat;
}
sorry ik zie het niet staan!?
Gewijzigd op 08/03/2006 19:17:00 door wout
In je CSS staat het volgende...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
container {
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
Wijzig dit naar...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
container {
background: url('images/achtergrond/5.jpg') no-repeat;
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
background: url('images/achtergrond/5.jpg') no-repeat;
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
Gewijzigd op 08/03/2006 19:19:00 door Alfred -
Die zwart-wit foto moet een random worden!
dus als je dit doet:
background: url('images/achtergrond/5.jpg') no-repeat;
Heb je tock altijde dezelfde?
bovendien die zwart-wit foto moet als achtergrond dienen!
Gewijzigd op 08/03/2006 19:26:00 door wout
Code (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
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
<?php
# Met aparte foto namen
$fotos = array();
$fotos[] = '1.jpg';
$fotos[] = 'kamp.jpg';
$fotos[] = 'blub.jpg';
$foto = rand(0, count($fotos) - 1);
# Enkel numerieke foto's ?
$foto = rand(1,5) . '.jpg'; # foto genummerd van 1 t/m 5
?>
<style type="text/css">
<!--
container {
background: url('images/achtergrond/<?php echo $foto; ?>') no-repeat;
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
-->
</style>
# Met aparte foto namen
$fotos = array();
$fotos[] = '1.jpg';
$fotos[] = 'kamp.jpg';
$fotos[] = 'blub.jpg';
$foto = rand(0, count($fotos) - 1);
# Enkel numerieke foto's ?
$foto = rand(1,5) . '.jpg'; # foto genummerd van 1 t/m 5
?>
<style type="text/css">
<!--
container {
background: url('images/achtergrond/<?php echo $foto; ?>') no-repeat;
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
-->
</style>
Rafael:
Mjah, aan die link heb ik niets hoor, maar als je nu een beetje creatief bent, krijg je het wel voor elkaar, het antwoord staat hierboven... (;
dankje wel voor het opweg helpen ik ga ff stoeien ed!
thanks
Code (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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<?php
//vul hier in welke folder je wilt gebruiken. als
//je deze script in dezelfde folder zet als je
//plaatjes hoef je hier niks aan te passen
$folder = ".";
//kies hier op welke extensies je wilt zoeken
$extList = array();
$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';
$extList['bmp'] = 'image/bmp';
$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 {
//hieronder wordt de GD module gebruikt om een plaatje
//te maken met een error als deze script geen plaatjes
//kan vinden. Hiervoor moet de GD module geinstalleerd
//zijn.
if ( function_exists('imagecreate') ) {
header ("Content-type: image/png");
$im = @imagecreate (400, 200)
or die ("Cannot initialize new GD image stream");
$background_color = imagecolorallocate ($im, 255, 255, 255);
$text_color = imagecolorallocate ($im, 0,0,0);
$text_colorred = imagecolorallocate ($im, 255,0,0);
imagestring ($im, 5, 120, 5, "ERROR ", $text_colorred);
imagestring ($im, 5, 5, 25, "deze script geen plaatjes kan vinden", $text_colorred);
imagestring ($im, 3, 5, 100, "De oorzaak kan zijn:", $text_color);
imagestring ($im, 2, 5, 125, "1. de script kan geen plaatjes vinden met de jouw gekozen extensies", $text_color);
imagestring ($im, 2, 5, 150, "2. Er bevinden geen plaatjes in de directory: $folder", $text_color);
imagepng ($im);
imagedestroy($im);
}
}
?>
//vul hier in welke folder je wilt gebruiken. als
//je deze script in dezelfde folder zet als je
//plaatjes hoef je hier niks aan te passen
$folder = ".";
//kies hier op welke extensies je wilt zoeken
$extList = array();
$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';
$extList['bmp'] = 'image/bmp';
$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 {
//hieronder wordt de GD module gebruikt om een plaatje
//te maken met een error als deze script geen plaatjes
//kan vinden. Hiervoor moet de GD module geinstalleerd
//zijn.
if ( function_exists('imagecreate') ) {
header ("Content-type: image/png");
$im = @imagecreate (400, 200)
or die ("Cannot initialize new GD image stream");
$background_color = imagecolorallocate ($im, 255, 255, 255);
$text_color = imagecolorallocate ($im, 0,0,0);
$text_colorred = imagecolorallocate ($im, 255,0,0);
imagestring ($im, 5, 120, 5, "ERROR ", $text_colorred);
imagestring ($im, 5, 5, 25, "deze script geen plaatjes kan vinden", $text_colorred);
imagestring ($im, 3, 5, 100, "De oorzaak kan zijn:", $text_color);
imagestring ($im, 2, 5, 125, "1. de script kan geen plaatjes vinden met de jouw gekozen extensies", $text_color);
imagestring ($im, 2, 5, 150, "2. Er bevinden geen plaatjes in de directory: $folder", $text_color);
imagepng ($im);
imagedestroy($im);
}
}
?>
En voeg deze gewoon toe in je css als een plaatje:
container {
background: url('images/achtergrond/achtegrond.php') no-repeat;
width:750px;
height:500px;
z-index:2;
border-style:solid;
border-color:#009900;
border-width: medium;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
Werkend voorbeeld
Gewijzigd op 09/03/2006 14:06:00 door Dennis S