Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Otwieranie zdjęcia z fancybox z linku.
Forum PHP.pl > Forum > Przedszkole
kukix
Witam.

Mam link, który odpala mi galerie fancybox bez klikania w któreś ze zdjęć z galerii.

Przypisałem mu akcje:

Kod
$('#moj_link').click(function(){
  var obj=$('a[rel=gal_karta_group]');
  $.fancybox.open(obj);
  return false;
});


Działa bardzo dobrze, problem w tym, że potrzebuje otwierać np drugie albo trzecie zdjęcie.. jak to zrobić?

Korzystam z fancybox 2.0, dokumentacja jest tutaj.

Mam opisaną tam metode open, jednak nie widze tutaj jak otworzyć najpierw drugie albo trzecie zdjęcie..


Cytat
open()
$.fancybox.open( [group], [options] )

Launch fancyBox, the same as $.fancybox([group], [options])
First parameter can be in various types, examples:

$.fancybox([{href : 'img1.jpg', title : 'Title'},{href : 'img2.jpg', title : 'Title'}]); - array containing objects
$.fancybox( {href : 'image.jpg', title : 'Lorem lipsum'} ); - single object
$.fancybox( ['image.jpg', 'image.jpg'] ); - array containing links as strings
$.fancybox( 'image.jpg' ); - string as source link
$.fancybox( [jQuery object] );
$.fancybox( '<h1>Lorem lipsum</h1>' );


Czy mam podac jakoś link do tego zdjęcia, czy jak?
tolomei
Witaj.

Możesz użyć selektora :eq(n), gdzie n to 0-indeksowany numer elementu:

  1. $('#moj_link').click(function(){
  2. var obj=$('a[rel=gal_karta_group]:eq(1)'); // wybieramy drugie zdjęcie
  3. $.fancybox.open(obj);
  4. return false;
  5. });


Pozdro.
kukix
Cytat(tolomei @ 13.05.2012, 10:36:11 ) *
Witaj.

Możesz użyć selektora :eq(n), gdzie n to 0-indeksowany numer elementu:

  1. $('#moj_link').click(function(){
  2. var obj=$('a[rel=gal_karta_group]:eq(1)'); // wybieramy drugie zdjęcie
  3. $.fancybox.open(obj);
  4. return false;
  5. });


Pozdro.


ok sprawdzę dzisija, ale obiawiam się, że to nie spowoduje rozpoczecie przegladania galerii od tego zdjecia, ale zawęzi po prostu galerię fancybox do tego jednego zdjęcia..
tolomei
Masz całkowitą rację.
Popatrzyłem w dokumentację.
Oto Twój kod:

  1. $('#link').click(function(){
  2. var obj=$('a[rel=gal_karta_group]');
  3. $.fancybox.open(obj, {index: 1});
  4. return false;
  5. });


Pozdrawiam.
kukix
Dziękuje działa smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.