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?

<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:
$('.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:
var element = document.getElementById('mylightbox');
// http://jehiah.cz/a/firing-javascript-events-properly
function fireEvent(element,event){
  if (document.createEventObject){
    // dispatch for IE
    var evt = document.createEventObject();
    return element.fireEvent('on'+event,evt)
  }
  else{
    // dispatch for firefox + others
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent(event, true, true ); // event type,bubbling,cancelable
    return !element.dispatchEvent(evt);
  }
}
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.
document.observe('dom:loaded', function () { fireEvent(element, 'click'); });