• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anfänger sucht Hilfe

W

webzombie

Neues Mitglied
Hallo liebe Leute,

erstmal möchte ich alle hier begrüßen. Dies ist mein erster Beitrag hier.
Ich habe ein Problem mit einer vorhandenen Internetseite aber leider so gut wie keine Ahnung von der ganzen Materie. Also html kann ich rudimentär aber das war es dann auch schon...

Auf unten stehender Seite unter dem Punkt "Referenzen" soll eine Bildergalerie rein. Am liebsten dass im braunen Content Bereich paar Bilder in Quadrat Form angezeigt werden und wenn man drauf klickt sollte sich ein neues kleineres Fenster öffnen wo man dann alle durchklicken kann. Kann mir dabei vielleicht einer helfen? Es wäre wirklich ein Traum da ich diese Seite als BDay Geschenk für meinen Chef erstelle und mittlerweile da schon fast en Monat dran sitze... bitte nicht lachen :/

Hoffe es findet sich wer, der mir helfen kann!

Liebe Grüße,
Frank


DGL - Die Garten & Landschaftsbauer GmbH
 
ok, das sieht schon mal sehr gut aus. Danke für diesen grandiosen Link
icon_smile.gif

Ich habe mich da jetzt mal ran gewagt aber verstehe es nicht ganz. Kannst du dir das auf der Seite mal anschauen?

Folgende Probleme:
- wenn ich auf "Referenzen" klicke dann sollte da ne kleine Übersicht der Bilder im Content Bereich erscheinen. Jedoch erscheint da nur der Text des jeweiligen Bildes.
- klicke ich nun einen Bildlink an öffnet sich das Script aber die Darstellung ist total verzogen. Also es passt vorne und hinten nicht in den Content Bereich. Muss ich jedes Bild separat für die Darstellung in der Größe anpassen?

so sieht mein Code aus:
Code: 
<html><head>
<title>Leistungen - DGL - Die Garten & Landschaftsbauer GmbH</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="de">
<META NAME="keywords" CONTENT="garten und landschaftsbauer, garten, landschaft, teichbau, pflanzen, beregnungsanlagen, gartengestaltung, terassenbau, teltow, stanhsdorf, kleinmachnow">
<META NAME="allow-search" CONTENT="YES">
<META NAME="description" Content="DGL - Die Garten & Landschaftsbauer GmbH ihr Partner für Gartengestaltung, Pflasterarbeiten, Terassenbau, Natursteinarbeiten, Hangbefestigungen, Drainagearbneiten, Beregnungsanlagen, Teichbau, Carports, Rollrasen, Pflanzarbeiten, Baumpflege, Zaunbau, Erdarbeiten">
<META NAME="copyright" Content="DGL GmbH">
<META NAME="robots" content="FOLLOW">
<META NAME="revisit-after" content="30 days">
<META NAME="content-language" content="de">


<link rel="stylesheet" href="../css/aktuell.css">
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />




<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>


<base target="inhalt">
</head>


<body bgcolor="#663300">
<table border="0" cellpadding="5" width="90%" cellspacing="0"></table>
<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>


<a href="../images/image-1.jpg" rel="lightbox[GALERIENAME]">image #1</a>
<a href="../images/image-2.jpg" rel="lightbox[GALERIENAME]">image #2</a>
<a href="../images/image-3.jpg" rel="lightbox[GALERIENAME]">image #3</a>
<a href="../images/image-4.jpg" rel="lightbox[GALERIENAME]">image #4</a>


</body>
</html>
 
Du musst hier
HTML: 
<a href="/images/image-1.jpg" rel="lightbox[GALERIENAME]">image #1</a> 
<a href="/images/image-2.jpg" rel="lightbox[GALERIENAME]">image #2</a> 
<a href="/images/image-3.jpg" rel="lightbox[GALERIENAME]">image #3</a>
<a href="/images/image-4.jpg" rel="lightbox[GALERIENAME]">image #4</a>
anstelle von "image #1 etc. eine Verlinkung zu deinem Bild machen, das auf der Vorschau zu sehen sein soll... also
so:
HTML: 
<a href="/images/image-1.jpg" rel="lightbox[GALERIENAME]"><img src="/images/image-1.jpg" width="breite" height="höhe-des-vorschaubildes" style="border: 0px;"></a> 
<a href="/images/image-2.jpg" rel="lightbox[GALERIENAME]"><img src="/images/image-2.jpg" width="breite" height="höhe-des-vorschaubildes" style="border: 0px;"></a> 
<a href="/images/image-3.jpg" rel="lightbox[GALERIENAME]"><img src="/images/image-3.jpg" width="breite" height="höhe-des-vorschaubildes" style="border: 0px;"></a>
<a href="/images/image-4.jpg" rel="lightbox[GALERIENAME]"><img src="/images/image-4.jpg" width="breite" height="höhe-des-vorschaubildes" style="border: 0px;"></a>
Was du bei der Lightboxdarstellung falsch machst, weiß ich gerade nicht, theoretisch müsste ja die Seite "abgedunkelt" werden, und die Bilder sich mittig öffnen...
Vielleicht liegt es daran, dass du eine Tabelle für deine Website benutzt, versuch es mal mit divs...
 
wenn ich auf "Referenzen" klicke dann sollte da ne kleine Übersicht der Bilder im Content Bereich erscheinen. Jedoch erscheint da nur der Text des jeweiligen Bildes.
Zum Vergrößern anklicken....
Ersetze den Text (image #1 etc.) durch das jeweilige Bild mit einer Größe von z.B. 100px Breite

klicke ich nun einen Bildlink an öffnet sich das Script aber die Darstellung ist total verzogen. Also es passt vorne und hinten nicht in den Content Bereich
Zum Vergrößern anklicken....
Das hängt mit der Nutzung der Frames zusammen.
Entweder du stellst die Seite komplett auf CSS statt Frames um, oder du gibst dich damit zufrieden, dass das Bild nur im Content-Bereich angezeigt werden kann.

Für zweitere Variante ist es schwer zu sagen, was man in der lightbox.js ändern muss, aber versuch mal

Code: 
[COLOR=#AA0D91]  this[/COLOR].[COLOR=black]resizeImageContainer[/COLOR]([COLOR=black]imgPreloader[/COLOR].[COLOR=black]width[/COLOR], [COLOR=black]imgPreloader[/COLOR].[COLOR=black]height[/COLOR]);
durch
Code: 
[COLOR=black]  this.resizeImageContainer[/COLOR]("[COLOR=#000000]400px"[/COLOR], "[COLOR=#000000]auto"[/COLOR]);
zu ersetzen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben