Tweet
Bild im selben Fenster über Link öffnen / positionieren
Hallo zusammen,
ich bin leider nicht so der Crack was PHP und Java-Script angeht. Nichts desto trotz habe ich mich an die Umgestaltung einer Bildergalerie gemacht und stoße mittlerweile an meine Grenzen.
Was ich habe: Thumbs, welche dynamisch aus einem Ordner geladen werden, die wenn man sie anklickt in einer neuen Seite in ihrer jeweiligen Originalgröße angezeigt werden.
Was ich brauche: Das was ich habe, nur dass die Bilder in ihrer Originalgröße nicht in einer neuen Seite, sondern in der bestehenden Seite an einer bestimmten Position neben den Thumbs angezeigt werden sollen.
Wenn ich das richtig sehe, muss ich in ein DIV eine Blind-Grafik einbetten, welche ich dann durch Anklicken der Thumbs anspreche/austausche. Ich habs versucht - leider ist irgendwo ein Fehler drin. Villeicht kann mir ja einer helfen..
Danke.
Niceo
ich bin leider nicht so der Crack was PHP und Java-Script angeht. Nichts desto trotz habe ich mich an die Umgestaltung einer Bildergalerie gemacht und stoße mittlerweile an meine Grenzen.
Was ich habe: Thumbs, welche dynamisch aus einem Ordner geladen werden, die wenn man sie anklickt in einer neuen Seite in ihrer jeweiligen Originalgröße angezeigt werden.
Was ich brauche: Das was ich habe, nur dass die Bilder in ihrer Originalgröße nicht in einer neuen Seite, sondern in der bestehenden Seite an einer bestimmten Position neben den Thumbs angezeigt werden sollen.
Wenn ich das richtig sehe, muss ich in ein DIV eine Blind-Grafik einbetten, welche ich dann durch Anklicken der Thumbs anspreche/austausche. Ich habs versucht - leider ist irgendwo ein Fehler drin. Villeicht kann mir ja einer helfen..
PHP-Code:
<body>
<div id="imageBox">
<img src="pic00.jpg" alt="" name="start">
</div>
<script type="text/javascript">
// swapImage
function displayImage(imageURL){
var element = document.getElementById("imageBox");
element.style.backgroundImage = "url("+imageURL+")";
}
//-->
</script>
<?php
// Galerien ermitteln
$verzeichnisse = glob( "galerien/*", GLOB_ONLYDIR );
echo '<div id="nav"><ul>';
foreach ($verzeichnisse as $dir)
{
$dirname = array_pop( explode( "/", $dir ) );
echo '<li><a href="' .$_SERVER['PHP_SELF']. '?galerie=' .$dirname. '">' .$dirname. '</a></li>';
}
echo '</ul></div>';
// Galerie anzeigen
if (isset( $_GET['galerie'] ) )
{
echo '<div id="preview">';
$break = 1;
$bilder = glob( "galerien/{$_GET['galerie']}/thumbs/*.jpg" );
natsort( $bilder );
foreach ($bilder as $bild)
{
$bild = array_pop( explode( "/", $bild ) );
echo '<a href="javascript:void(0)" onclick="displayImage("galerien/' .$_GET['galerie'].
'/images/' .urlencode( $bild ). '") class="thumb"><img src="galerien/' .$_GET['galerie'].
'/thumbs/' .$bild. '" /></a>';
echo ($break % 2 == 0) ? "<br />\n" : "";
$break++;
}
echo '</div>';
}
?>
</body>
Niceo
Kommentar