Lightbox + next/prev in footer

w dziale Po godzinach
tomurbanowicz napisał(a):

Witam smile

Wiem, że na forum są osoby świetnie znające temat JS i CSS więc mam taką nieśmiałą prośbę.
Jak zmodyfikować Lightbox'a (posiadam najnowszą wersje) aby przyciski next/prev widoczne były cały czas (nie tylko po najechaniu myszką) ale nie na obrazku, lecz w "stopce/footer" gdzie jest m.in. info o zdjęciu itp?

Obecnie moja galeria:
http://urbanowicz.net.pl/galeria

Z góry dziękuje za pomoc.

Ryszard napisał(a):

Originally posted by tomurbanowicz:

Jak zmodyfikować Lightbox'a

Nie warto.
Po pierwsze taki sposób wyświetlania zdjęć jest ohydny.
Po drugie - operatory i tak po załadowaniu np. http://urbanowicz.net.pl/makro klikają w wybrane zdjęcia rolką, żeby załadować je w na karty w tle, albo przez panel "Odnośniki" wydłubują ze strony adres pierwszego i potem przeglądają galerię używając gestów myszy albo operowego przycisków "następny"/"poprzedni".
A m$ie niech się męczą.

daroc napisał(a):

A potrafisz szybko wydłubać tak, żeby można było użyć fastforward, jeśli "reuse current tab" jest wyłączone? Panel odnośniki otwiera nową kartę, czyli nic z tego. Jedyny plus taki, że da się klikać środkowym na obrazki. wink (Chociaż dla mnie rónież taki sposób oglądania zdjęć nie bardzo odpowiada, bo wiele zdjeć nie mieści się na wysokość na moim ekranie, a jak obraze jest po prostu wyświetlany przez przeglądarkę to AutoSizer potrafi go dostosować do rozmiaru okna.)

Może osoby oglądające jego galerie jednak wolą tak? wink W końcu pytał o to, czy da się to zmienić, a nie czy to jest dobra metoda oglądania zdjęć. Nie rozumiem w jaki sposób pokazywane i ukrywane są te linki do nawigacji.

Ryszard napisał(a):

Originally posted by daroc:

A potrafisz szybko wydłubać tak, żeby można było użyć fastforward, jeśli "reuse current tab" jest wyłączone?

Nie, bo zawsze mam włączone wink

Originally posted by daroc:

W końcu pytał o to, czy da się to zmienić, a nie czy to jest dobra metoda oglądania zdjęć.

A dostał informację na temat odbioru takiego sposobu wyświetlania zdjęć przez jednego z odbiorców wink
Ale jak widać ruch w interesie mu zapewniłem cool

W temacie - umiałem tylko wydłubać foldery
http://urbanowicz.net.pl/js/
http://urbanowicz.net.pl/images/
Odwołanie do http://urbanowicz.net.pl/images/nextlabel.gif znalazłem w http://urbanowicz.net.pl/js/lightbox.js
<img id="lightboxImage">
        //              <div style="" id="hoverNav">
        //                  <a href="#" id="prevLink"></a>
        //                  <a href="#" id="nextLink"></a>

Czyżby trzeba było dłubnąć w http://urbanowicz.net.pl/lightbox.css ?
Ale - nie warto angel

tomurbanowicz napisał(a):

Dla jednych Lightbox jest ohydny, dla innych nie smile Jednak wracając do mojego pytania... ;>

Ryszard napisał(a):

Originally posted by tomurbanowicz:

Jednak wracając do mojego pytania... ;>


Originally posted by Ryszard:

Czyżby trzeba było dłubnąć w http://urbanowicz.net.pl/lightbox.css?
Ale - nie warto angel


A może jednak http://urbanowicz.net.pl/js/lightbox.js w części
// Code inserts html at the bottom of the page that looks similar to this:

Albo próbuj sam, albo czekaj na jakiegoś miłośnika lightboxa wink

tomurbanowicz napisał(a):

Ta osoba to zrobiła:
http://tornography.com/lightboxmod/#

Jednak próbowałem zaadoptować jego rozwiązanie do mojego lightbox.js i skończyło się tym, iż nie miałem w ogóle dolnej belki/stopki/footer'a smile

Podmieniłem z mojego:
"if (this.imageArray.length > 1){
this.numberDisplay.update( LightboxOptions.labelImage + ' ' + (this.activeImage + 1) + ' ' + LightboxOptions.labelOf + ' ' + this.imageArray.length).show();
}"

na to:
"
if(imageArray.length > 1){
if(activeImage != 0){ var previmg = '<a href="#" onClick="myLightbox.changeImage(activeImage - 1)">« previous</a>'; }
else { var previmg = '';}
if(activeImage != (imageArray.length - 1)){ var nextimg = '<a href="#" onClick="myLightbox.changeImage(activeImage + 1)">next »</a>'; }
else { var nextimg = '';}
if( previmg == '' || nextimg == '' ){ var devider = '';} else { var devider = ' | '; }

Element.show('numberDisplay');
Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length + " | " + previmg + devider + nextimg ); // nextimg
}


The changed css (for hiding the buttons inside the images) looks like this:

#prevLink { left: 0; float: left; visibility: hidden;}
#nextLink { right: 0; float: right; visibility: hidden;}"

Raczkuje dość poważnie w JS, więc proszę o pomoc smile

daroc napisał(a):

U mnie nawet na tej stronie Torna link next nie działa. (O9.50 10057, WinXP)

Ryszard napisał(a):

Originally posted by tomurbanowicz:

Raczkuje dość poważnie w JS, więc proszę o pomoc

Ja również smile
Ale moim zdaniem dłubiesz nie tam gdzie trzeba.
Mi się wydaje, że w http://urbanowicz.net.pl/js/lightbox.js część "Code inserts html at the bottom of the page that looks similar to this:" tłumaczy co robi poniższy kod JS.
W wersji "przetłumaczonej" znajduję
        //              <div style="" id="hoverNav">
        //                  <a href="#" id="prevLink"></a>
        //                  <a href="#" id="nextLink"></a>
        //              </div>

a w kodzie JS poniżej
 Builder.node('div',{id:'hoverNav'}, [
                        Builder.node('a',{id:'prevLink', href: '#' }),
                        Builder.node('a',{id:'nextLink', href: '#' })
                    ]),

Zbieżność chyba przypadkowa nie jest.
Ty chcesz mieć "następny" poniżej obrazka czyli mniej więcej tak jak w HTML trzebaby klocek div style="" id="hoverNav" przerzucić poniżej klocka <div id="bottomNav"> tak w kodzie JS trzeba toto Builder.node('div',{id:'hoverNav'} wstawić pod Builder.node('div',{id:'bottomNav'}, oczwiście dobrze pilnując żeby klocek przenieść w całości.

tomurbanowicz napisał(a):

Taka podmiana niestety kończy się porażką - próbowałem jej już wcześniej (nie pojawia się w ogóle okno). Najprościej będzie jak napiszę do Torna smile