Jak podzielić wyświetlanie obrazków w Lightboxie ?

[puma]

Lightbox
Na stronie mam 20 odnośników/miniaturek.
Całkowita ilość dużych zdjęć to 60.
Klikamy w jeden z odnośników i możemy obejrzeć całość naszej galerii jaką mamy w folderze czyli te 60 zdjęć.
..a jak zrobić żeby wyświetlanie dużych zdjęć dla poszczególnych odnośników było ograniczone?

Czyli:
-odnośnik 1 wyświetla tylko zdjęcia od 1-16
-odnośnik 2 wyświetla tylko zdjęcia od 17-28
itd.


Jeszcze prościej to wytłumacze:
-odnośnik to PROSPEKT samochodowy
-tych prospektów mam 20 na stronie
-klikamy w jeden z odnośników czyli prospekt i chce oglądać tylko ten egzemplarz,a nie pozostałe zdjęcia/prospekty jakie znajdują sie również w katalogu

[Kartofelek]

A czy to aby nie atrybut rel="nazwa_kategorii" w odnośniku odpowiada za przyporządkowanie do danej kategorii zdjec?

<a href="" rel="....."><img .....></a>

[mateo]

Jest kilka możliwości:
1. Zdjęcia odnoszące się do każdego z prospektów wrzucaj do oddzielnych katalogów.
2. Każdemu zdjęciu nadać przed nazwą określoną liczbę i za pomocą skryptu PHP wrzucać je z Lightboxem.
3. Jeśli ido każdego linku ma się wyświetlać taka sama liczba zdjęć, to zadbaj o ich ułożenie alfabetyczne i wtedy w linku przekazuj numer kolejnej "partii" zdjęć. Do tego również będzie potrzebny prosty skrypt PHP.

[puma]

- rel="..." nie działa
- wrzucenie każdego prospektu do innego katalogu również bo to wybiera zdjęcia po tym co mam w kodzie,to niema znaczenia gdzie je umieszcze..i tak są podlinkowane

Jedynie zmiana <div id="vlightbox1"> na <div id="vlightbox2"> tylko,że ze zmiana jest tyle roboty ,że do wigilii tego nie zrobie,a pozatym wyobraźcie sobie,że z tych 20 czy 30 prospektów każdy będzie miał osobne pliki css js ,to będzie mi się strona tydzień ładować :/

Poniżej przykład dwóch prospektów.
Klikne na ten z dwoma zdjęciami to w okienku i tak otwiera mi się całość czyli kolejne zdjęcia z prospektu numer dwa.

Kod PHP:

<div id="vlightbox1">
<tr>
<td style="padding-top: 65px; padding-left: 170px; background-color: transparent; background-image: url('tlopro.gif'); width=1000; height:82px;">
    
<a class="vlightbox1" href="data/images1/prospekt1973-2.jpg" title="2" rel="ooa">
<a class="vlightbox1" href="data/images1/prospekt1973-1.jpg" title="1" rel="ooa">
<IMG SRC="menu/1.png" border="0" alt="wejdź" onmouseover="this.src='menu/1z.png'" onmouseout="this.src='menu/1.png'"></A>    
    
<a class="vlightbox1" href="data/images2/prospekt1974-1.jpg" title="1" rel="dupa">
<a class="vlightbox1" href="data/images2/prospekt1974-2.jpg" title="2" rel="dupa">
<a class="vlightbox1" href="data/images2/prospekt1974-3.jpg" title="3" rel="dupa">
<a class="vlightbox1" href="data/images2/prospekt1974-4.jpg" title="4" rel="dupa">
<a class="vlightbox1" href="data/images2/prospekt1974-5.jpg" title="5" rel="dupa">
<IMG SRC="menu/2.png" border="0" alt="wejdź" onmouseover="this.src='menu/2z.png'" onmouseout="this.src='menu/2.png'"></A>
</div> 


[Kartofelek]

Ah. Wiedziałem że to rel
Cytuję z ich strony

If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

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

---

Pierwsza zasada webmasteringu - zacznij szukać odpowiedzi na stronie danego pluginu

[puma]

[Kartofelek]

Ale przecież masz w helpie tego dziwadła:

http://visuallightbox.com/help.html

Notice that you can specify id for each lightbox gallery. So if you want to install several separate galleries on the same page you should:
- turn on 'Multi Galleries mode';
- specify the id for the current gallery before publishing and set comma-separated list of the galleries IDs you've already used on the page:

[puma]

Kurcze pieczone
Faktycznie jest coś na ten temat.
Ja szukałem w polskiej wersji tej strony (na górze masz flagi) i help nie jest taki jak w języku angielskim,nie znalazłem tego
dzięki

[puma]

To z HEAD.
Tak zostawić czy jest jakiś sposób na uproszczenie tego,no i czy to nie zamula?

Kod PHP:

<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox2.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox3.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox4.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox5.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox6.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox7.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox8.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox9.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox10.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox11.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox12.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox13.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox14.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox15.css" type="text/css" />
<link rel="stylesheet" href="engine/css/vlightbox16.css" type="text/css" />