+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak podzielić wyświetlanie obrazków w Lightboxie ? (/thread-jak-podzielic-wy%C5%9Bwietlanie-obrazkow-w-lightboxie)
Jak podzielić wyświetlanie obrazków w Lightboxie ? - puma - 21-02-2011
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
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - Kartofelek - 21-02-2011
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>
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - mateo - 21-02-2011
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.
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - puma - 21-02-2011
- 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>
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - Kartofelek - 21-02-2011
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
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - puma - 22-02-2011
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - Kartofelek - 22-02-2011
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:
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - puma - 22-02-2011
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
RE: Jak podzielić wyświetlanie obrazków w Lightboxie ? - puma - 22-02-2011
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" />