foto gallerij
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
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
<?php
$fotos = array
(
"http://shupload.byethost5.com/uploaded/02345458.gif"
, "http://shupload.byethost5.com/uploaded/Nature02.jpg"
, "http://shupload.byethost5.com/uploaded/155818397_8036082_skin_6097354.jpg"
); // sorry voor de sluikreklame ...
$galerij = galerij($fotos);
echo
'<html>
<head>
<style>
.clear{clear: both; line-height: 1px;}
#thumbs_container{width: 120px; float: left;}
#thumbs_container div{float: left; margin: 3px;; border: 1px solid #999999;}
#thumbs_container img{width: 50px; cursor: pointer;}
</style>
<script>
function vergroot(thumb)
{
document.getElementById("grote_foto").src = thumb.src;
}
</script>
</head>
<body>'. $galerij .'</body>
</html>';
////////////////////////////////////////////////////////
function galerij($fotos)
{
if (!is_array($fotos))
return false;
$thumbs = "";
foreach ($fotos as $key=>$foto)
{
$thumbs .= ' <div><img src="'. $foto .'" onClick="vergroot(this);"/></div>'.PHP_EOL;
}
if (!empty($thumbs))
return
'<div>
<div id="thumbs_container">
'. $thumbs .' </div>
<div id="foto_container">
<img src="'. $fotos[0] .'" id="grote_foto"/>
</div>
<div class="clear"> </div>
</div>';
return false;
}
?>
$fotos = array
(
"http://shupload.byethost5.com/uploaded/02345458.gif"
, "http://shupload.byethost5.com/uploaded/Nature02.jpg"
, "http://shupload.byethost5.com/uploaded/155818397_8036082_skin_6097354.jpg"
); // sorry voor de sluikreklame ...
$galerij = galerij($fotos);
echo
'<html>
<head>
<style>
.clear{clear: both; line-height: 1px;}
#thumbs_container{width: 120px; float: left;}
#thumbs_container div{float: left; margin: 3px;; border: 1px solid #999999;}
#thumbs_container img{width: 50px; cursor: pointer;}
</style>
<script>
function vergroot(thumb)
{
document.getElementById("grote_foto").src = thumb.src;
}
</script>
</head>
<body>'. $galerij .'</body>
</html>';
////////////////////////////////////////////////////////
function galerij($fotos)
{
if (!is_array($fotos))
return false;
$thumbs = "";
foreach ($fotos as $key=>$foto)
{
$thumbs .= ' <div><img src="'. $foto .'" onClick="vergroot(this);"/></div>'.PHP_EOL;
}
if (!empty($thumbs))
return
'<div>
<div id="thumbs_container">
'. $thumbs .' </div>
<div id="foto_container">
<img src="'. $fotos[0] .'" id="grote_foto"/>
</div>
<div class="clear"> </div>
</div>';
return false;
}
?>
Dit heb ik als script maar zoals je ziet worden , "http://shupload.byethost5.com/uploaded/155818397_8036082_skin_6097354.jpg"...
Gebruikt kan ik ook doen dat alle afbeeldingen uit de dic uploaded daar staan?
Gesponsorde koppelingen:
Als ik een tip mag geven. HTML kan ook buiten PHP staan, dan dat je het in een echo zet.
Ik vind je script persoonlijk best wel onleesbaar.
Gewijzigd op 07/12/2011 14:58:43 door - Aar -
Gewijzigd op 07/12/2011 15:03:02 door - Aar -
Om je op weg te helpen, een mogelijke oplossing:
Gewijzigd op 07/12/2011 15:04:11 door - Aar -
Wees a.u.b. een concreter, dat is je al eerder verteld. met korte zinnen van "werkt niet", "lukt niet", kunnen we gewoon niks.
Maar nu staat er niks geen afbeeldingen
Die geeft een array, welke je aan foreach kan doorgeven.
Kees Schepers op 07/12/2011 15:12:58:
Dat je nog de moeite neemt om hem te helpen :p
Inderdaad... kuddo's voor Aar! :)
Pepijn --- op 07/12/2011 14:59:08:
Ik wil dat alle afbeeldingen uit de map "uploaded" worden weergeven verplaats van zelf opgegeven afbeeldingen!
Nog steeds geen idee wat hier nou staat.
Vind het wel bijzonder dat Pepijn in enkele seconden/minuten de tips van Aar kan opzoeken, doornemen, testen en tot de conclusie komt : 'het werkt niet'. Tsja. Heb het idee dat je een kant en klare oplossing wilt. In dat geval: plaats een vacature...
Gewijzigd op 07/12/2011 17:59:09 door Jaron T
kijk eens of deze code werkt
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
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
<?php
$map = "uploaded";
$fotos = scandir($map);
$tmp = array();
//lopen de orginele array door
foreach($fotos as $value){
//hakken het uit elkaar op een punt
list($filename, $ext, $txt) = explode(".", $value);
if ($ext == "jpg" or $ext == "JPG" or $ext == "png" or $ext == "PNG" or $ext == "gif" or $ext == "GIF") {
}
}
$fotos = $tmp;
$galerij = galerij($fotos);
echo
'<html>
<head>
<style>
.clear{clear: both; line-height: 1px;}
#thumbs_container{width: 120px; float: left;}
#thumbs_container div{float: left; margin: 3px;; border: 1px solid #999999;}
#thumbs_container img{width: 50px; cursor: pointer;}
</style>
<script>
function vergroot(thumb)
{
document.getElementById("grote_foto").src = thumb.src;
}
</script>
</head>
<body>'. $galerij .'</body>
</html>';
////////////////////////////////////////////////////////
function galerij($fotos)
{
if (!is_array($fotos))
return false;
$thumbs = "";
foreach ($fotos as $key=>$foto)
{
$thumbs .= ' <div><img src="'. $foto .'" onClick="vergroot(this);"/></div>'.PHP_EOL;
}
if (!empty($thumbs))
return
'<div>
<div id="thumbs_container">
'. $thumbs .' </div>
<div id="foto_container">
<img src="'. $fotos[0] .'" id="grote_foto"/>
</div>
<div class="clear"> </div>
</div>';
return false;
}
?>
$map = "uploaded";
$fotos = scandir($map);
$tmp = array();
//lopen de orginele array door
foreach($fotos as $value){
//hakken het uit elkaar op een punt
list($filename, $ext, $txt) = explode(".", $value);
if ($ext == "jpg" or $ext == "JPG" or $ext == "png" or $ext == "PNG" or $ext == "gif" or $ext == "GIF") {
}
}
$fotos = $tmp;
$galerij = galerij($fotos);
echo
'<html>
<head>
<style>
.clear{clear: both; line-height: 1px;}
#thumbs_container{width: 120px; float: left;}
#thumbs_container div{float: left; margin: 3px;; border: 1px solid #999999;}
#thumbs_container img{width: 50px; cursor: pointer;}
</style>
<script>
function vergroot(thumb)
{
document.getElementById("grote_foto").src = thumb.src;
}
</script>
</head>
<body>'. $galerij .'</body>
</html>';
////////////////////////////////////////////////////////
function galerij($fotos)
{
if (!is_array($fotos))
return false;
$thumbs = "";
foreach ($fotos as $key=>$foto)
{
$thumbs .= ' <div><img src="'. $foto .'" onClick="vergroot(this);"/></div>'.PHP_EOL;
}
if (!empty($thumbs))
return
'<div>
<div id="thumbs_container">
'. $thumbs .' </div>
<div id="foto_container">
<img src="'. $fotos[0] .'" id="grote_foto"/>
</div>
<div class="clear"> </div>
</div>';
return false;
}
?>
Toevoeging op 07/12/2011 20:56:14:
zet op lijn 2 op de plaats waar uploaded staat de map waar hij in moet zoeken.
9 filtert de bestanden ( op extensie )
Gewijzigd op 07/12/2011 20:58:43 door php knipper
