| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Jealles Gast
|
Hilfe Einbindung Bildergalerie PHP/MySQL-Datenbank |
|
|
Hallo
Ich habe die Homepage meiner Vorgängerin unserer Tanzgruppe übernommen, die auf PHP/MySQL-Basis funktioniert. Leider besitze ich nur HTML-Kenntnisse und habe nun folgendes Problem:
Es soll eine Bildergalerie erstellt werden, in der immer ein Bild groß angezeigt wird und die weiteren Bilder in einer Leiste, welche mit "vor" und "zurück" angeklickt werden kann, erstellt werden. Ich habe bereits durch einen Generator eine Datei mit Thumbnails, etc. erstellt, jedoch ist diese ebenfalls auf HTML, welche ich nicht in MySQL einfügen kann.
Bisher schaut es so aus, dass in MySQL mit dem Befehl "catname" der Ordner definiert wird, in dem die Bilder enthalten sind, die angezeigt werden sollen. Ich vermute, dass ich die Gallerie-Datei (HTML) abändern müsste, weiß aber nicht wie, sodass er mir die generierte Bildergalerie anzeigt?!
Der Code der Gallerie-Datei lautet wie folgt: (Allerdings kann ich hiermit leider sehr wenig anfangen)
| PHP-Code: | 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
| <?php
$query = "SELECT * FROM _content WHERE section='gallery'";
$res = $sql->Query($query);
$doneNothing = true;
if (isset($_GET["gal"])) {
if ($_GET["gal"] == "content") {
if (isset($_GET["bid"])) {
$bid = (int)$_GET["bid"];
if ($bid > 0) {
$query = "SELECT * FROM _gallery WHERE uid=".$bid;
$res = $sql->Query($query);
$handle=opendir ($config["root"].'images/gallery/'.$res[0]["catname"].'/thumbs/');
$n=0;
while (false !== ($file = readdir ($handle))) {
if ($file != "." && $file != ".." && substr($file,0,3) != "thumb" && strtolower(substr($file,-3)) == "jpg") {
$bilder[$n]["path"] = $file;
$bilder[$n]["size"] = getSize(filesize($config["root"].'images/gallery/'.$res[0]["catname"]."/".$file));
$bilder[$n]["bigpath"] = str_replace("tn_", "", $file);
$bilder[$n]["bid"] = $_GET["bid"];
$bilder[$n]["cat"] = $res[0]["catname"];
$n++;
}
}
closedir($handle);
$smarty->assign("u",0);
$smarty->assign("cat",$bid);
$smarty->assign("images", $bilder);
$smarty->assign("data",$res[0]);
$page_title = "Gallery: ".$res[0]["title"];
$page_text = $smarty->fetch("galleryview.html");
$doneNothing = false;
}
else { wrongurl($page_title,$page_text); }
}
else { wrongurl($page_title,$page_text); }
}
else if ($_GET["gal"] == "view") {
if (isset($_GET["bid"])) {
$bid = (int)$_GET["bid"];
if ($bid > 0) {
$query = "SELECT * FROM _gallery WHERE uid=".$bid;
$res = $sql->Query($query);
if (file_exists($config["root"].'images/gallery/'.$res[0]["catname"].'/'.$_GET["pic"])) {
$filedata = getimagesize($config["root"].'images/gallery/'.$res[0]["catname"].'/'.$_GET["pic"]);
if ($filedata[0] > 540) { $width = 540; }
else { $width = $filedata[0]; }
$smarty->assign("image",$_GET["pic"]);
$smarty->assign("size",getSize(filesize($config["root"].'images/gallery/'.$res[0]["catname"]."/".$_GET["pic"])));
$smarty->assign("bid",$bid);
$smarty->assign("width",$width);
$smarty->assign("cat",$res[0]["catname"]);
$page_title = "Gallery: ".$res[0]["title"];
$page_text = $smarty->fetch("gallerydetails.html");
$doneNothing = false;
}
else { wrongurl($page_title,$page_text); }
}
else { wrongurl($page_title,$page_text); }
}
else { wrongurl($page_title,$page_text); }
}
else { wrongurl($page_title,$page_text); }
}
if ($doneNothing) {
$query = "SELECT * FROM _gallery ORDER BY datum DESC";
$cats = $sql->Query($query);
$page_title = $res[0]["title"];
$smarty->assign("main_text", $res[0]["content"]);
$smarty->assign("cats", $cats);
$page_text = $smarty->fetch("gallery.html");
}
?> |
|
|
|
|
| 12 Feb 2008 02:01 |
|
  |
matze93 Gast
|
 |
|
|
kannst du uns mal gallery.html und galleryview.html und gallerydetail.html posten???
ich denke mal, dass du bei gallery.html bilder hinzufügen kannst und so weiter, ich möchte mich nur mal vergewissern:
wenn man das mit dem hier ersetzen kann, kannst du einfach bilder bei [] einfügen(beim code oben.
das mit umblättern könnte dann funktionieren
| Code: | <html><head>
<title>Test</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "bilderbuch01.gif";
Bild[1] = new Image();
Bild[1].src = "bilderbuch02.gif";
Bild[2] = new Image();
Bild[2].src = "bilderbuch03.gif";
Bild[3] = new Image();
Bild[3].src = "bilderbuch04.gif";
Bild[4] = new Image();
Bild[4].src = "bilderbuch05.gif";
var bildbereich;
var zeige = 0;
var Breite = 300;
var aktuelleBreite = 0;
var Schrittweite = 6;
var Schrittverzoegerung = 1;
function Blaettern (Richtung) {
zeige = zeige + Richtung;
if (zeige > Bild.length - 1) {
zeige = 0;
} else if (zeige < 0) {
zeige = Bild.length - 1;
}
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 0 225px 0)";
} else if (NS4) {
bildbereich.clip.right = 0;
}
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = Bild[zeige].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">';
} else if (NS4) {
bildbereich.visibility = "hide";
setContent("id", "Bildbereich", null,
'<img src="' + Bild[zeige].src + '">');
bildbereich.visibility = "show";
}
BildAufbauen();
}
function BildAufbauen () {
if (aktuelleBreite <= Breite) {
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = aktuelleBreite;
}
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
} else {
aktuelleBreite = 0;
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + Breite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = Breite;
}
}
}
function Init () {
bildbereich = getElement("id", "Bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", Bild[0].src);
bildbereich.appendChild(img);
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
} else if (NS4) {
setContent("id", "Bildbereich", null,
'<img src="' + Bild[0].src + '">');
}
}
</script>
<style type="text/css">
body { color:black; background-color:white; }
#Bildbereich { position:absolute; left:10px; top:140px; padding:0;
clip:rect(0 300px 225px 0); visibility:show; }
#Navigationsbereich { position:absolute; left:320px; top:140px;
width:100px; font-size:24px; }
</style>
</head>
<body onload="Init()">
<div id="Bildbereich"></div>
<div id="Navigationsbereich">
[<a href="javascript:Blaettern(-1)"><<</a>]
[<a href="javascript:Blaettern(1)">>></a>]
</div>
</body>
</html> |
das mit zoomen und andere katogorien kriegt man dann wahrscheinlich nicht um, es sei denn ich überarbeite das dann, oder ein anderer, wenn du denn code der oben gennanten seiten postest
matze93 |
|
|
|
| 04 März 2008 13:52 |
|
 |
|