Hallo Liebe Community,
ich hoffe auf diesen Weg ein Problem bei meinen Script zu finden.
Es ist ein Script was aus einem Ordner Bilder anzeigt. Das passiert auch. Jedoch möchte ich das wenn man auf einem Bild klickt sich das Bild im selben Fenster öffnet und zwar nur das Bild inkl. z.b. Text oder html Elemente die man hinzufügen kann z.B. ein Kommentar für das Bild.
Hier mal das Script:
Es würde mich freuen wenn mir das jemand machen könnte sind doch meine kenntnisse noch nicht so weit fortgeschritten.
ich hoffe auf diesen Weg ein Problem bei meinen Script zu finden.
Es ist ein Script was aus einem Ordner Bilder anzeigt. Das passiert auch. Jedoch möchte ich das wenn man auf einem Bild klickt sich das Bild im selben Fenster öffnet und zwar nur das Bild inkl. z.b. Text oder html Elemente die man hinzufügen kann z.B. ein Kommentar für das Bild.
Hier mal das Script:
Es würde mich freuen wenn mir das jemand machen könnte sind doch meine kenntnisse noch nicht so weit fortgeschritten.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
ul#galerie {
padding:0;
margin:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul#galerie li {
background-color: #FFFFFF;
border: 1px solid #BABABA;
float: left;
font-weight: bold;
margin: 0 5px 10px 0;
padding: 5px;
}
ul#galerie li:hover{
border:1px solid #333;
background-color: #f4f4f4;
}
ul#galerie li span{
display:block;
text-align:center;
font-size:11px;
}
ul#galerie li a img{
border:none;
}
</style>
</head>
<body>
<ul id="galerie">
<?php
$ordner = "content/";
$allebilder = scandir($ordner); // Sortierung A-Z
if(isset($_GET['p'])) {
if(intval($_GET['p']) > count($allebilder)) {
$page = 1;
} elseif(intval($_GET['p']) < 1) {
$page = 1;
}else {
$page = intval($_GET['p']);
}
} else {
$page = 1;
}
$page2 = $page;
for($j = 0; $j < 5; $j++) {
$bild = $allebilder[($page+1)];
if(empty($bild)) {
break;
}
$page++;
$bildinfo = pathinfo($ordner."/".$bild);
$size = ceil(filesize($ordner."/".$bild)/1024);
if ($bild != "." && $bild != ".." && $bild != ".txt" && $bildinfo['basename'] != "Thumbs.db") {?>
<li> <center><a href="?img=<?=$bildinfo['dirname']?>/<?=$bildinfo['basename']?>">
<img target="_blank" src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" width="300" height="270" alt="Vorschau" title="<?php echo $bildinfo['filename']; ?> - GB Pics - GB Bilder" /></a><span><?php echo $bildinfo['filename']; ?></center>
<?php
if(isset($_bild['img'])){
$Image = explode(".",$_bild['img']);
$FileName = str_replace("content/","",$Image);
$Description = file_gets_content($Image.'.txt');
?>
<center>
<img target="_blank" src="<?=$_bild['img']?>" width="300" height="270" alt="Vorschau" title="<?=$FileName?> - GB Pics - GB Bilder" />
<span><?=$FileName?></span>
</center>
<div id="DescriptionContainer">
<?=$Descrption?>
</div>
<?php
}
?>
<br/>
<center><div style="font-size: 11px;">Code für Jappy, Foren etc<div/><br/>
<textarea name="textarea" readonly="readonly" style="border: solid 1px #bababa ; overflow: hidden; font-size: 9px !important; color: #5a5a5a; background-color:#f6f6f6; width: 120px; height: 30px; font-size: 10px; color:#111111; font-family: Verdana,Arial,Helvetica,sans-serif; " onclick="focus();select();copy(this.value); document.getElementById('box1').style.visibility = 'visible'; document.getElementById('box2').style.visibility = 'hidden'; document.getElementById('box3').style.visibility = 'hidden'; document.getElementById('box4').style.visibility = 'hidden';">
</textarea>
<br/>
<center><div style="font-size: 11px;">Code für MySpace</div><br/>
<textarea name="textarea2" readonly="readonly" style="border: solid 1px #bababa ; overflow: hidden; font-size: 9px !important; color: #5a5a5a; background-color:#f6f6f6; width: 120px; height: 30px; font-size: 10px; color:#111111; font-family: Verdana,Arial,Helvetica,sans-serif;" onclick="focus();select();copy(this.value); document.getElementById('box1').style.visibility = 'visible'; document.getElementById('box2').style.visibility = 'hidden'; document.getElementById('box3').style.visibility = 'hidden'; document.getElementById('box4').style.visibility = 'hidden';">
<a target="_blank" href="http://www.cutebaam.com/" title="{keyword} GB Pics - {keyword} Bilder"><img src="http://www.cutebaam.com/<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" border="0" alt="{keyword} GB Pics - {keyword} Bilder" /></a><br /><a href="http://www.cutebaam.com"><b>{keyword} GB Pics</b></a>
</textarea>
</center>
</li>
<?php
}
}
?>
</ul>
<p style="clear: both;">
<center>
<?php
echo '<a href="index.php?p='.($page2-5).'">Zurück </a>';
$limit = round(count($allebilder)/5);
for($i = 1; $i <= $limit; $i++) {
if($page2 == ($i*5-4)) {
echo '<a style="color: red;" href="index.php?p='.($i*5-4).'">'.$i.'</a>';
if($i == $limit) {
$nextImg = ($i*5-4);
} else {
$nextImg = ($i*5+1);
}
} else {
echo '<a href="index.php?p='.($i*5-4).'">'.$i.'</a>';
}
}
echo '<a href="index.php?p='.($nextImg).'"> Weiter</a>';
?>
</center>
</p>
</body>
</html>
Kommentar