Ja danke darauf hätte ich auch selber kommen können
ich kann jetzt die bilder wechseln aber es werden mir immer noch nicht die Buttons angezeigt
hier mal der link dazu: Hier
Ja danke darauf hätte ich auch selber kommen können
ich kann jetzt die bilder wechseln aber es werden mir immer noch nicht die Buttons angezeigt
hier mal der link dazu: Hier
Jap jetzt klappt es!:)
Ich kann jetzt in der Lightbox nur noch nicht ein Bild vor und ein Bild zurück gehen.
Wie binde ich diese kleinigkeiten jetzt noch ein?
Ja nein das habe ich ja alles:
<!DOCTYPE html>
<html>
<head>
<title>BSI-Galerie</title>
<meta charset="ISO-8859-1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">
<script src="http://stellatest.de/js/prototype.js" type="text/javascript"></script>
<script src="http://stellatest.de/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://stellatest.de/js/lightbox.js" type="text/javascript"></script>
<link href="http://stellatest.de/css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<img class="ubild" src="BSI.jpg" />
<div class="navi">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="info.html">Info</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="preis.html">Preise</a></li>
<li><a href="bewerbung.html">Bewerbung</a></li>
<li><a href="galerie.html" class="aktiv">Galerie</a></li>
</ul>
</div>
<div class="werbung">
<script type="text/javascript" src="http://www.sponsorads.de/script.php?s=252784"></script>
</div>
<div class="indexbox">
<?php
error_reporting(E_ALL);
include 'imagedata.php';
$bilderliste = $array;
$erstesBild = 0;
$leztesBild = count($bilderliste)-1;
echo '<div
class="img-gallerie"
data-img-min="'.$erstesBild.'"
data-img-max="'.$leztesBild.'"
>';
foreach($bilderliste as $id => $bild){
$title = htmlspecialchars($bild['title']);
$src = htmlspecialchars($bild['src']);
$href = htmlspecialchars($bild['href']);
echo '
<div
class="img-container"
data-img-id="'.$id.'"
>
<a
class="img-link"
href="'.$href.'"
rel="lightbox"
title="'.$title.'"
data-img-id="'.$id.'"
>
<img
class="img-img"
src="'.$src.'"
alt="'.$title.'"
data-img-id="'.$id.'"
/>
</a>
</div>
';
}#foreach
echo '</div>';
?>
</div>
</body>
</html>
Alles anzeigen
ich hatte jetzt nur den PHP Teil gepostet damit es übersichtlicher ist
Ich hätte mir das jetzt so gedacht aber es klappt leider auch nicht:
<?php
error_reporting(E_ALL);
include 'imagedata.php';
$bilderliste = $array;
$erstesBild = 0;
$leztesBild = count($bilderliste)-1;
echo '<div
class="img-gallerie"
data-img-min="'.$erstesBild.'"
data-img-max="'.$leztesBild.'"
>';
foreach($bilderliste as $id => $bild){
$title = htmlspecialchars($bild['title']);
$src = htmlspecialchars($bild['src']);
$href = htmlspecialchars($bild['href']); //hier diese neue Variable eingefügt
echo '
<div
class="img-container"
data-img-id="'.$id.'"
>
<a
class="img-link"
href="'.$href.'" //hier natürlich auch damit er sie lädt
rel="lightbox"
title="'.$title.'"
data-img-id="'.$id.'"
>
<img
class="img-img"
src="'.$src.'"
alt="'.$title.'"
data-img-id="'.$id.'"
/>
</a>
</div>
';
}#foreach
echo '</div>';
?>
Alles anzeigen
imagedata.php:
<?php
$array = [
[
'src' => 'test/image-1.jpg',
'href' => 'test/groß/image-1.jpg', //und hier hätte ich dann den Pfad von href definiert
'title' => 'Eine Beschreibung die angezeigt wird wenn das bild nicht läd oder man mit der Maus drauf stehen bleibt',
],
[
'src' => 'test/image-2.jpg',
'href' => 'test/groß/image-2.jpg',
'title' => 'Eine Beschreibung die angezeigt wird wenn das bild nicht läd oder man mit der Maus drauf stehen bleibt',
],
[
'src' => 'test/image-3.jpg',
'href' => 'test/groß/image-3.jpg',
'title' => 'Eine Beschreibung die angezeigt wird wenn das bild nicht läd oder man mit der Maus drauf stehen bleibt',
],
];#$array
?>
aber wenn ich die Bilder anklicke lädt Lightbox immer noch ewig :/
Alles anzeigen
also das script an sich habe ich "galerie.php" genannt und die bilder jeweils "image-1.jpg" "image-2.jpg" usw.
Ah ich habe den Fehler gefunden. Beim hochladen ist was schief gegangen, also er hatte die Bilder nicht richtig geladen.
Wenn ich jetzt auf die kleinen Bilder klicke öffnet sich das Fenster von Ligthbox aber er lädt kein großes Bild. dies müsste ich ja jetzt noch im PHPscript einfügen oder? Bzw wo genau mach ich das
Ich benutze die PHP Version 5.5.5
Ich würde es gerne ohne Datenbank machen, da ich in diesem Bereich noch nicht so weit bin. Geht das?
Deine Webseite ist eine echte Motivation, muss ich schon sagen
Gut ich werde den PHP Kurs erst einmal weiter durchgehen und mich versuchen an die Arbeit zu machen!
Falls ich dabei Probleme bekomme kann ich mich ja hier bei euch melden
Hi Cotton,
ich habe mich gerade mal hingesetzt und wollte deinen PHP Code in meiner Seite einarbeiten.
Dies klappt jedoch leider nicht so gut, da er mir die Bilder nicht anzeigt
Muss ich da noch irgendwas beachten?
Wow respekt erst einmal
Und hast du das alles auch nur mit PHP gemacht?
Okay Danke für die schnelle Hilfe!!
Ja genau mit der Seite arbeite/lerne ich seid einer Woche
Halle Cotton,
vielen Dank für deine schnelle Hilfe!:)
mit PHP bin ich glaube noch nicht ganz so weit ich lerne das erst seit einer Woche
Hallo Leute:),
ich lerne seid einigen Wochen Html und PHP und würde mich nicht als Anfänger aber auch nicht als Profi bezeichnen :D.
Ich möchte gerne auf meiner eigenen Homepage eine kleine Galerie wie in diesem Link einfügen.
Wäre soweit ja ganz leicht aber ich müsste ja immer wieder die Seite "neu" scripten bzw erweitern, wenn ich ein neues Bild einfügen möchte und das ist auf dauer doch echt nervig.
Meine Überlegung ist jetzt folgende:
Ich würde mir mit PHP ein kleines Scipt basteln, sodass ich mich als Admin einloggen kann und dann ganz einfach Bilder löschen oder hochladen kann.
Würde dies rein theoretisch klappen? Müsste ich dann ein Javascript oder PHPscript schreiben damit er die hochgeladenen Bilder automatisch an der richtigen Stelle einfügt bzw. ich ein vorhandenes Bild löschen kann?
Einfache bzw kleine Tipps würden mir schon reichen oder vllt ein Link wo so etwas in der Art beschrieben wird, da würde ich mich dann schon reinlesen
MfG
DArkSouL1221
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.