javascript - Galleria + Colorbox working in IE, not in others -


I thought I did this work, but unfortunately it does not work in FF or Chrome. I have a list of images that I would like to display as a slide show with carousel on my page. When the user clicks on the big image, I would like to open a full size image in a lightbox. Here's the code that works in IE:

  & lt; Script> src = "scripts / jquery-1.4.2.min.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script src = "script / gallaria.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script src = "script / gallaria.classic.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script src = "script / jquery.colorbox-min.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ('a [rel = test]'). Colorbox (); $ ('# exteriorSlideShow_gallery'). Galleria ({max_scale_ratio: 1, image_crop: wrong, height: 210, Infection: 'Fade', expand: function () {this.bind (Galleria .finfinis, function (e) {$ (e.m.J.). Click (this piroki (function (e) {e .preventDefault (); $ ('A [rel = test]'). Eq (this.active) .click ();}));}}}}}}}}; & lt; / script & gt;  

In the above, indicates an index of "this.active" image in which the carousel is currently, as it is in the same order, the following is given below. The keys are displayed, it matches the correct link, which I want to click.

  

Does anyone know why this will not work, but IE?

Edit for the time that I have worked around. If the browser is IE then I call the code as above, I use $ .colorbox ({'href': urloflargeimage}). It does not allow for anything but a group of images for images, but at least I have a lightboxed.

Galleria strips after grabbing most of the essential data of its essential container material, but it is a loading Hides in IE due to a bug. That's why your hack works in IE but not elsewhere.

I'm not sure how the color box works, but it seems that it can not take a normal array of URLs and can allocate it as a group of images. Click Click by Form. But you may be able to do something (hack):

  var box = $ ('a [rel = test]'). Clone () Colorbox (); // colorbox array to save $ ('# external slideshow_gallery') Galleria ({extension: function () {this.bind (Galleria .finfinis, function (e) {var index = this.active; $ (e.imageTarget) dam ('click', {active: this.active}, function (Ev) {box.eq (ev.data.active). Click ();}}}});}});  

Comments

Popular posts from this blog

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

Calling GetGUIThreadInfo from Outlook VBA -

Obfuscating Python code? -