fancybox öffnet nur im neuen Fenster

[sailor1]

Moin moin,

nach 1 Tag suchen bitte ich hier um Hilfe. Auch ein Link, wenn es die schon gibt wäre nett.

Also ich haabe auf einer Webseite die fancybox eingebaut, hier der Link: http://www.immobilien-thiesen.de/html/angebote.html ( ist noch ne Baustelle )

dort will ich mehrere kleine Galerien einbauen und das mit der fancybox. Die Dateien habe ich mir runtergeladen in ein Verzeichnis: html/fancybox/ die zugehörigen Bilder in html/objekte/ Die Unterseite steht in html/html/

Dann im Headbereich eingebunden:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="../fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="../fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="../fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">



<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {

/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
'hideOnContentClick': true
});

/* Apply fancybox to multiple items */

$("a.group").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});

});
/* ]]> */
</script>

und die Bilder im body mit:

<a class="grouped_elements" rel="group1" href="../objekte/2013/lonkampA.jpg"><img src="../objekte/2013/lonkampA_1.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="../objekte/2013/lonkampB.jpg"><img src="../objekte/2013/lonkampB_1.jpg" alt=""/></a>

Alles hochgeladen und probiert. Es kommt beim Klick nur ein neues Fenster mit einem Bild, und nicht eine Box in der ich weiterklicken kann.

Irgendwo mache ich doch sicher einen Gedankenfehler, aber wo.

Ich bitte Euch um Hilfe, danke.

 

[Duddle]

AW: fancybox öffnet nur im neuen Fenster

Deine Initialisierung ist falsch. Der Code auf der Fancybox-Website ist nur beispielhaft und muss für deine Situation angepasst werden. Hau den Teil im <script>-Tag raus und ersetze ihn mit

$(document).ready(function() {
   $("a.grouped_elements").fancybox();
});

da du Links (a-Tags) mit der Klasse "grouped_elements" auswählen und das Script darauf anwenden willst. Wenn du mehr Optionen benötigst, folg' dem Muster in den Beispielen.


Duddle

 

[schnullerbacke]

AW: fancybox öffnet nur im neuen Fenster

Ich wag mal nen Schuss ins Blaue:

Falscher Klassenname?

$("a.group")....
und
<a class="grouped_elements" ...

Was ist, wenn du statt "grouped_elements" nur "group" nimmst?

 

[sailor1]

AW: fancybox öffnet nur im neuen Fenster

Hi,

das war's

Ich habe den Code wie @Duddle geschrieben hat geändert und wie von Geisterhand geht es jetzt.
Da muss ich wohl noch einiges lernen, denn das will richtig verstehen.

Euch vielen Dank für die schnelle Hilfe!

 

[Duddle]

AW: fancybox öffnet nur im neuen Fenster

wie von Geisterhand

Algorithmen sind grundsätzlich deterministisch und folgen ihren Anweisungen exakt. Deine Anweisung war "bitte wende die Funktion fancybox() auf die Elemente mit der Klasse 'group' an" und genau das hat er auch gemacht, auch wenn du schlichtweg keine solchen Elemente hattest.


Duddle