Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „fancybox öffnet nur im neuen Fenster“

sailor1

Noch nicht viel geschrieben

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

Posting-Frequenz: 14µHz

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
Code:
$(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

Aktives Mitglied

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

Noch nicht viel geschrieben

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

Posting-Frequenz: 14µHz

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben