Bildergalerie in Homepage einbinden

tadlos

Mitglied
Hallo,

ich habe mir im Internet eine Bildergalerie rausgesucht die ich in meine Homepage gerne einbinden möchte.
Die Bildergalerie musste ich nur entpacken, das klappt dann auch schon.

Im Moment habe ich die Galerie in einem Ordner.

Ich arbeite bei meiner Homepage mit Php und MySQL.
Wenn ich jetzt Dateien im Hauptverzeichnis verlinke denn sieht ein Link so aus:

http://localhost/?section=me

Der direkte Pfad zur Galerie index.php wäre:

'http://localhost/gallery/index.php'

Wie kann ich diese index.php auf meine Homepage einbinden?

Ich habe jetzt schon versucht einfach die index.php Datei umzubenennen und ins Hauptverzeichnis zu kopieren und alle Pfade im Quellcode einfach mit gallery/ zu ergänzen. Klappt auch ganz gut. Aber dann kommen Fehlermeldungen die ich nicht weg bekomme.


Gruß Stefan
 
Hi,

Ich habe jetzt schon versucht einfach die index.php Datei umzubenennen und ins Hauptverzeichnis zu kopieren und alle Pfade im Quellcode einfach mit gallery/ zu ergänzen. Klappt auch ganz gut. Aber dann kommen Fehlermeldungen die ich nicht weg bekomme.

Die da wären? Man kann Deine Frage ohne jegliche Informationen (Code, Fehlermeldungen) nicht beantworten. Um welche Galerie handelt es sich denn?

LG
 
Also einmal habe ich mir die Galerie rausgesucht.

Ich probiere nochmal eben was aus..

Ah ich habe es schon geschafft..
Bin dieses mal etwas taktischer vorgegangen und habe Fehlermeldung nach Fehlermeldung alles abgearbeitet. :-)

Der Code jetzt:

PHP:
<?php

  /**
   * Gallery Script - index.php
   * 
   * @author Ralf Stadtaus
   * @link http://www.stadtaus.com/ Homepage
   * @link http://www.stadtaus.com/forum/ Support/Contact
   * @copyright Copyright &copy; 2005, Ralf Stadtauss
   */

  /* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY
   * OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT
   * LIMITED   TO  THE WARRANTIES  OF  MERCHANTABILITY,
   * FITNESS    FOR    A    PARTICULAR    PURPOSE   AND
   * NONINFRINGEMENT.  IN NO EVENT SHALL THE AUTHORS OR
   * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
   * OR  OTHER  LIABILITY,  WHETHER  IN  AN  ACTION  OF
   * CONTRACT,  TORT OR OTHERWISE, ARISING FROM, OUT OF
   * OR  IN  CONNECTION WITH THE SOFTWARE OR THE USE OR
   * OTHER DEALINGS IN THE SOFTWARE.
   */




  /*****************************************************
  **           Settings - Einstellungen
  *****************************************************/

          $image_path        = "gallery/images";
          $image_url         = "gallery/images";


          $picture_count     = "2";
          $pictures_per_page = "6";

          $order             = "ascending";


          $language          = "en"; // en, de, es, fr, nl, da, sv


          $global_template   = "gallery/templates/index.html";
          $cell_template     = "gallery/templates/table.html";


          $large_image_page  = "gallery/window.php";


          $path['log']       = "./log";

          $logging_file      = "";
          $statistic_file    = "";




  /*****************************************************
  ** Add here further words, text, variables and stuff
  ** that you want to appear in the template.
  *****************************************************/
          $add_text = array(

                              'txt_additional' => 'Additional', //  {txt_additional}
                              'txt_more'       => 'More'        //  {txt_more}

                            );




  /*****************************************************
  ** Do not edit below.
  *****************************************************/
          define('SCRIPT_ROOT', 'gallery/');
          include SCRIPT_ROOT . 'inc/gallery.inc.php';


?>

Aber danke für die schnellen Antworten :-)
 
Hm ich habe jetzt doch noch ein Problem.
Wenn ich jetzt zum Beispiel die Seite 3 von den Vorschaubildern haben will werden ich immer auf eine neue Seite verlinkt.

Ich poste euch mal die index.php:

PHP:
<?php
$Javascriptzeit = date("Y, n, j, G, i, s");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);

function UhrzeitAnzeigen()
{
    if(!document.all && !document.getElementById)
    {
        return;
    }

    var Stunden = Serverzeit.getHours();
    var Minuten = Serverzeit.getMinutes();
    var Sekunden = Serverzeit.getSeconds();
    Serverzeit.setSeconds(Sekunden+1);

    if(Stunden <= 9)
    {
        Stunden = "0" + Stunden;
    }

    if(Minuten <= 9)
    {
        Minuten = "0" + Minuten;
    }

    if(Sekunden <= 9)
    {
        Sekunden = "0" + Sekunden;
    }

    Uhrzeitanzeige = Stunden + ":" + Minuten + ":" + Sekunden;

    if(document.getElementById)
    {
        document.getElementById("Uhrzeit").innerHTML = Uhrzeitanzeige
    }
    else if(document.all)
    {
        Uhrzeit.innerHTML = Uhrzeitanzeige;
    }

    setTimeout("UhrzeitAnzeigen()", 1000);
}
//-->
</script>
<style type="text/css">
<!--
a:visited {
	color: "#FF0000";
}
a:link {
	color: "#FF0000";
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<head>
<title>index rund</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/index-rund_04.gif')">
<!-- Save for Web Slices (index rund.psd) -->
<table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
	<tr>
		<td colspan="7">
			<img src="Bilder/index_01.gif" width="800" height="110" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="Bilder/index_02.gif" width="800" height="12" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_03.gif" width="33" height="35" alt=""></td>
	    <td>
	      <a href="?section=news"><img src="Bilder/index-rund_04.gif" alt="" width="87" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','Bilder/index-rund2_04.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
		<td><a href="?section=me"><img src="Bilder/index_05.gif" alt="" name="Image2" width="91" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image2','','Bilder/index-rund2_05.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
		<td><a href="?section=pictures"><img src="Bilder/index_06.gif" alt="" name="Image3" width="91" height="35" border="0" id="Image3" onMouseOver="MM_swapImage('Image3','','Bilder/index-rund2_07.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
		<td><a href="?section=guestbook"><img src="Bilder/index_07.gif" alt="" name="Image4" width="90" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image4','','Bilder/index-rund2_08.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
		<td><a href="mailto:stefan@tadlos-im.net"><img src="Bilder/index_08.gif" alt="" name="Image5" width="89" height="35" border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','Bilder/index-rund2_09.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
		<td>
			<img src="Bilder/index_09.gif" width="319" height="35" alt=""></td>
	</tr>
	<tr>
		<td width="800" height="397" colspan="7" align="center" valign="top" background="Bilder/index_10.gif" alt=""><p>&nbsp;</p>
          <p>&nbsp;</p>
          <?php
//inhalt.php
include('config.php');

if(isset($_GET['section']) AND isset($dateien[$_GET['section']]))
{
 //Ist eine $_GET Variable vorhanden wird PHP angewiesen 
 //zu pr&uuml;fen ob die Datei existiert und diese dann zu laden
 
 if(!file_exists($dateien[$_GET['section']])) echo "Die Datei ist nicht vorhanden.";

 include $dateien[$_GET['section']]; 
}
else
{
 //Wenn keine Variable oder Definition vorhanden ist
 //lade die Fehlerseite bzw. die Indexseite
 include $dateien['error']; 
}
?>
        </p></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="Bilder/index_11.gif" width="800" height="46" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

und hier ist einmal die config.php:


PHP:
<?php
//config.php

$dateien = array(); //Erstellt einen neuen Array $dateien
$dateien['news'] = "news.php"; //für jede Section ein neue Variable
$dateien['me'] = "me.php";  //usw.
$dateien['friends'] = "friends.php";  //usw.
$dateien['pictures'] = "pictures.php";  //usw.
$dateien['pictures?{next}'] = "pictures.php";  //usw.
$dateien['guestbook'] = "guestbook.php";  //usw.
$dateien['works'] = "works.php";  //usw.
$dateien['error'] = "news.php";
?>

Tut mir Leid das der Code ein bisschen vollgemüllt und nicht so gut strukturiert ist,
aber ich kenne mich noch nicht so gut aus mit dem Kram und deshalb muss ich viel rumprobieren ;-).
 
Hi,

ich weiß nicht, ob ich Dich richtig verstehe. Funktioniert das Blättern in den Bildern (wenn mehr da sind, als auf einer Seite angezeigt werden) nicht? Ich fürchte, dann wirst Du den Code der Galerie grundlegend überarbeiten müssen, da dieses Script nicht dafür gemacht ist, in eine Seite eingebettet zu werden.

Es arbeitet z.B. mit nur einem unbenannten GET-Parameter, der über $_SERVER['QUERY_STRING'] ausgelesen wird. Das wird bei Dir ein Problem sein, da es Links der Form "index.php?section=pictures&start=3" generieren und verarbeiten müsste. Soweit ich auf die Schnelle sehen kann, wird diese Möglichkeit aber nicht geboten. Kannst Du das Galerie-Script nicht einfach standalone betreiben?

Alternativ könntest Du es vielleicht in ein iframe einbetten.

LG
 
Hallo,
also wenn ich in der Bildergalerie bin und auf ein Bild klicke, dann öffnet sich ein kleines Fenster und dann kann ich auf "Nächstes Bild" usw klicken.

Aber wenn ich in der Bildergalerie auf "Nächste Seite" drücke,
dann wird das alles komplett auf einer neuen Seite angezeigt.

Was bedeutet "standalone" ? Ich würde das schon gerne in meine Homepage einbinden, sodass es zum Layout passt.

Habe ich beim iFrame nicht genau das selbe Problem?
 
Hi,

Aber wenn ich in der Bildergalerie auf "Nächste Seite" drücke,
dann wird das alles komplett auf einer neuen Seite angezeigt.

Vermutlich, weil das Galeriescript, wie ich Dir schon sagte, die Links halt so generiert. Wenn Du das ändern wolltest, musst Du Dich in Code einarbeiten und einiges ändern. Mit der simplen Anpassung von ein paar Variablen ist es da nicht mehr getan.

Was bedeutet "standalone" ? Ich würde das schon gerne in meine Homepage einbinden, sodass es zum Layout passt.

Standalone heißt, dass Du die Galerie nicht über "index.php?section=pictures" (oder was auch immer) aufrufst, sondern auf pictures.php direkt verlinkst. Die Galerie ist nicht zum Einbetten, wie Du es vorhast, gedacht. Wenn es nur um das passende Layout geht, die Templates kannst Du ja umgestalten.

Habe ich beim iFrame nicht genau das selbe Problem?

Du könntest mal die Galeriehauptdatei in ein iframe setzen (aber standalone, nicht über index.php?section=pictures), sollte eigentlich gehen.

LG
 
Das ist schade.. Ich finde die Galerie schön schlicht und einfach..
Denn muss ich mir im Internet nochmal etwas neues suchen.

Oder kann mir hier einer empehlen? :)
 
Zurück