Willkommen auf dem Portal für Mediengestalter

cmgrafik · Threadersteller

Bitte um Hilfe von Javascripterfahrenen.
Habe meiner Freundin eine HP mit Jquery Bildergalerie gebastelt. (http://www.anke-aust-artgallery.de/galerie1.html) Jetzt wollte sie noch eine lightbox um die Bilder vergrößert darzustellen. Also habe ich einen entsprechenden Link eingeabaut, wo die Lightbox aufgerufen werden soll. Alle Lightboxen, die ich probiert habe, setzten das Javascript für die Bildergalerie außer Kraft.
Deshalb habe ich zunächst auf einer Seite ohne Galerie versucht, eine lightbox einzubinden.
Oh man - es klappt slbst das nicht.http://www.mediengestalter.info/images/smiles/icon_nonono.gif

Hoffe sehr, dass es eine Lösung gibt und hier Hilfe finde. Vielen Dank!!
Hier ein Auszug von dem Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Anke Aust Art-Gallery</title>
<meta name="robots" content="index, follow" />
<meta name="language" content="deutsch, de" />
<meta name="Content-language" content="DE" />
<meta name="keywords" content="Ausstellungen, Austellung, Australien, Aborigines, Aboriginal Art, Anke Aust Artgallery, Kunst, Abstrakte Malerei, Acryl, Acrylmalerei,Mischtechniken,Strukturpasten, Grobsand,emotionale Vision , Einzelausstellungen, Gruppenaustellungen" />
<meta name="description" content=" Ausstellungen, Austellung, Anke Aust Artgallery, Abstrakte Malerei, Kunst" />
<meta name="author" content="Anke Aust Artgallery, Anke Aust" />
<meta name="publisher" content="Anke Aust Artgallery" />
<meta name="Copyright" content="Anke Aust Artgallery.de" />
<meta name="distribution" content="global" />
<meta name="page-topic" content=" Anke Aust Artgallery" />
<meta name="Audience" content="Alle" />
<meta name="revisit-after" content="15 days" />
<meta http-equiv="reply-to" content="info@anke-aust-artgallery.de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imagezoom/imagezoom.js"></script>
<link href="imagezoom/imagezoom.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

window.addEvent("domready", function() {
initImageZoom();
});
</script>
</head>
<body>
<div id="zentrierer1">
<div id="zentrierer2">


<div id="container">

<div id="header">
<div id="logo">
<ul>
<li>
<a href="index.html"></a>
</li></ul>
</div> 


<div id="mainnavi">
<ul>
<li><a href="galerie1.html">GALERIE</a></li>
<li><a href="atelier.html">ATELIER</a></li>
<li><a href="ausstellungen.html">AUSSTELLUNGEN</a></li>
<li class="hauptnavi_aktiv">PROJEKTE</li>
<li><a href="vita.html">VITA</a></li>
<li><a href="links.html">LINKS</a></li>
</ul>
</div>
</div>
<div id="unternavi" class="unternavi_projekte">
<ul>
<li><a href="projekte.html">Projekte / Malkurse</a></li>
<li class="navi_left_aktiv">Blinde und Kunst</li>
</ul>
</div>

<div id="left" class="contentbilder">
<img src="bilder/projekte.jpg" />
</div>
<div id="content">
<div id="content_links">
<a href="bilder/biggest/114.jpg" rel="imagezoom"><img src="bilder/projekte2.jpg" border="0" class="contentbilder" /></a>
<img src="bilder/projekte1.jpg" border="0" class="contentbilder" />

</div>


<div id="content_rechts">

<h1>Blinde und Kunst</h1>

</div>


</div>
<div id="bottomnavi">
<ul>
<li><a href="kontakt.php">KONTAKT</a></li>
<li><a href="impressum.html"> IMPRESSUM</a></li>
</ul>
</div>

</div>
</div>
</div>
</body>
</html>

Eistee · Administrator

Ich sehe im Quelltext überhaupt keine Lightbox? Oder ist es dieses imagezoom.js? Wenn ja, ohne den Inhalt der JS-Datei kann man nichts dazu sagen.

cmgrafik · Threadersteller

Guten Morgen und danke für die erste Nachricht!
Die lightbox habe ich unter http://bertramakers.com/moolabs/imagezoom.php heruntergeladen und bin dann den Anweisungen gefolgt. Das heißt der Ordner imagezoom, wo die css und das js drin sind, liegt auf root.
Diese beiden Scripte werden im Quelltext gleich nach der layout.css aufgerufen.
Dann sollte im <head>-tag noch das kleine Javascript rein, in den Bildlink ein rel="imagezomm" - und fertig.
Ganz einfach ... und ich verzweifele.
Vielleicht ist ja auch die einfachste Lösung, gleich nach einer Bildergalerie zu suchen, wo eine lightbox mit dabei ist.
Nur habe ich da auch kein Glück gehabt.
Aber eigentlich müsste es doch gehen. Wie gesagt, die lightbox wollte ich hier
http://www.anke-aust-artgallery.de/galerie1.html mit dem Link "vergrößern" aufrufen.

* Keine Ahnung... *

Eistee · Administrator

In dem Onlinebeispiel wird imagezoom doch gar nicht initialisiert? Stell mal irgendwo ein Beispiel hin was eigentlich klappen sollte...

cmgrafik · Threadersteller

Hat eine Weile gedauert, nun bin ich zurück und habe das Testbeispiel hochgeladen.
Es ist die Seite, dessen Quelltext ich oben auszugsweise angegeben habe.

http://www.cm-grafik.de/anke_java/projekt01.html

In diesem Beispiel habe ich ein Bild verlinkt. Ein neues Fenster geht auf, aber ohne lightbox.
Hoffe sehr, dass mir jemand helfen kann. Danke schon mal für eure Mühe!

SvenF · **Verfasst** Mo 16.08.2010 22:52 **Titel**

Hi, schaut mal, es geht auch mit nem richtigen zoom in einer lightbox: http://www.ajax-zoom.com/examples/example5.php

da kann man die bilder noch weiter vergrößern

SimonDerDude · **Verfasst** Di 17.08.2010 08:30 **Titel**

Die JQuery Libary ist doch garnicht eingebunden?

cmgrafik · Threadersteller

Danke für den Link - wirklich eine super zoom-Funktion. Ich wäre schon froh, wenn's bei der "einfachen" Variante klappt.
Die JQuery Libery habe ich nicht eingebunden? Davon stand auch nichts in der Anleitung. Nur die js , die css sowie das kleine Javascript einbinden und - fertig.
Wie läuft denn das mit der Libery?
Vielen Dank für eure Hilfe!!!

Willkommen auf dem Portal für Mediengestalter

Thema: JQuery und lightbox - Image Zoom funktioniert nicht vom 27.07.2010

JQuery und lightbox - Image Zoom funktioniert nicht