Witam
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.
Originally posted by tomurbanowicz:
Nie warto.Jak zmodyfikować Lightbox'a
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ą.
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. (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? 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.
Originally posted by daroc:
Nie, bo zawsze mam włączoneA potrafisz szybko wydłubać tak, żeby można było użyć fastforward, jeśli "reuse current tab" jest wyłączone?
Originally posted by daroc:
A dostał informację na temat odbioru takiego sposobu wyświetlania zdjęć przez jednego z odbiorcówW końcu pytał o to, czy da się to zmienić, a nie czy to jest dobra metoda oglądania zdjęć.
Ale jak widać ruch w interesie mu zapewniłem
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
Dla jednych Lightbox jest ohydny, dla innych nie Jednak wracając do mojego pytania... ;>
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
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
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
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
U mnie nawet na tej stronie Torna link next nie działa. (O9.50 10057, WinXP)
Originally posted by tomurbanowicz:
Ja równieżRaczkuje dość poważnie w JS, więc proszę o pomoc
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.
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