ugrás a tartalomhoz

Prototype Lightbox!

pinguka · 2011. Feb. 21. (H), 15.16
Hali!

Az lenne a kérdésem, hogy tudnám megoldani azt hogy amikor betöltődik az oldal
egyből jöjjön fel egy lighbox a megadott képpel.

Hogy tudnám esetleg szimulálni azt, hogy meg lett nyomva a link?
  1. <a href="megjelenitendo_kep_url" rel="ligtbox[#]"></a>  
Előre is köszi!
‹ JSON? vagy mást ajánlanál? lenyilo lista kerdes ›
 ■
1

Nézd meg

Poetro · 2011. Feb. 21. (H), 15.40
Nézd meg abban a lightbox implementációban, amit használsz, hogy hogyan kell csinálni. Ugyanis van több tucat lightbox szkript, és sajnos a gondolatolvasás még nem megy, hogy tudjuk, te melyiket használod, és annak melyik verzióját.
2

Szerintem a Prototype

pinguka · 2011. Feb. 21. (H), 15.52
Szerintem a Prototype Lightbox-nál ez az alap: http://www.huddletogether.com/projects/lightbox2/

Hidd el néztem, de nem nagyon értek prototype-hoz.
3

trigger

ironwill · 2011. Feb. 21. (H), 16.30
Nem értek prototype-hoz.
Be kell állítod egy linkre, vagy bármire, hogy kattintásra jelenen meg a lightbox, után pedig a trigger-el kattintást szimulálsz azon az elemen.

pl. fancybox-os megoldás jQuery-vel:
  1. $('.splash').trigger('click').fancybox();  
//elképzelhető, hogy ezeket nem lehet egy sorba fűzni, nem próbáltam ki
4

Pure JavaScript

Poetro · 2011. Feb. 21. (H), 16.34
Nem értek a Prototype-hoz, de szimpla JavaScripttel így lehet eseményeket kiváltani:
  1. var element = document.getElementById('mylightbox');  
  2. // http://jehiah.cz/a/firing-javascript-events-properly  
  3. function fireEvent(element,event){  
  4.   if (document.createEventObject){  
  5.     // dispatch for IE  
  6.     var evt = document.createEventObject();  
  7.     return element.fireEvent('on'+event,evt)  
  8.   }  
  9.   else{  
  10.     // dispatch for firefox + others  
  11.     var evt = document.createEvent("HTMLEvents");  
  12.     evt.initEvent(event, true, true ); // event type,bubbling,cancelable  
  13.     return !element.dispatchEvent(evt);  
  14.   }  
  15. }  
  16. fireEvent(element, 'click');  
És ez el fogja indítani a Lightboxot is.
5

Köszi!

pinguka · 2011. Feb. 21. (H), 17.07
Köszi! Viszont...

Végrehajtja az eseményt, viszont a lightboxot nem indítja el.
Csak megnyitja a képet új ablakban.
Ráadásul ezt is csak Chrome-ban. IE + FF-ben nem csinál semmit.

Feldobtam tárhelyemre ha esetleg megnéznétek:

http://asdesign.digitaltrip.hu/lb/
6

Működik

Poetro · 2011. Feb. 21. (H), 17.40
Nekem működik. Console-ba beírtam, hogy fireEvent(element, 'click'), és feljött a Lightbox.
  1. document.observe('dom:loaded', function () { fireEvent(element, 'click'); });