Help with SUPERSIZED

JavaScript
21

Friend, was making a general test gallery that you helped me solve a few problems and I realized that only the first four and the last two images are opening a lightbox when clicked. Can you help me solve?

http://blabloo.com.br/v2/colecao

22

I had passed the wrong link, but is now correct. http://blabloo.com.br/v2/colecao

23

Hi there,

Sorry it took a while to get back to you.
I had a look at the page you link to just now.
There are no obvious errors on the page, which is a shame, as this means the problem will be harder to find.

Basically, the work I did for you on the plugin previously, still seems to be sound.
I conclude this, as when I hover my mouse over any of the images, I see the link specified in the options, displayed in the bottom left hand corner of the screen (Chrome).

So, how to debug?

One idea I did have is that the problem occurs when you have the same image twice in your set of slides.
Could you check that out?

Otherwise, I would ask you to strip out all unnecessary content, JavaScript and CSS, so as to make a very minimal page that reproduces your issue, then let me know when you have done that.

24

I’ve done these before and it goes like test did not work. = /

I think the problem is here: http://blabloo.com.br/v2/js/supersized.js

25

I’m not taking your time, I have another important question. You can leave just a tooltip on some pages?

Something like:

[
{
image : ‘lookbook/21-22.jpg’,
tooltips : [
{ items: [{name:‘peça 1’, reference:‘00001’},{name:‘peça 2’, reference:‘00002’},{name:‘peça 3’, reference:‘00003’},{name:‘peça 4’, reference:‘00004’}], posX:‘93%’, posY:‘25%’, url:‘#’},
{ items: [{name:‘peça 1’, reference:‘00005’},{name:‘peça 2’, reference:‘00006’},{name:‘peça 3’, reference:‘00007’},{name:‘peça 4’, reference:‘00008’}], posX:‘115%’, posY:‘25%’, url:‘#’}
]
}
],
[
{
image : ‘lookbook/23.jpg’,
tooltips : [
{ items: [{name:‘peça 1’, reference:‘00001’},{name:‘peça 2’, reference:‘00002’},{name:‘peça 3’, reference:‘00003’},{name:‘peça 4’, reference:‘00004’}], posX:‘93%’, posY:‘25%’, url:‘#’}
]
}
]

Is that on some pages will have only one model, which will be centered on the screen.

The link is centralized in this way:

// Horizontally Center
               if (base.options.horizontal_center){
                  var slideWidth = thisSlide.parent().width();
                  
                  thisSlide.parent().css('left', (browserwidth - thisSlide.parent().width())/2);
                  var leftPos = slideWidth/2 - slideWidth*0.2 + slideWidth *0.08;

                  thisSlide.parent().parent().parent().find('.content-wrapper').css('left', leftPos);
               }
26

When I do so, it returns this error: Uncaught TypeError: Can not read property ‘url’ of undefined supersized.js: 166

I did so but not resolved:

var newContentWrapper = $(‘<a href="’ + base.options.slides[loadPrev][0].tooltips[1].url ? base.options.slides[loadPrev][0].tooltips[1].url : ‘#’ + ‘" class=“lightbox content-wrapper” rel=“group-colecoes-anteriores”></a>’);

27

I am also trying so, but not solved:

// Horizontally Center
               if (base.options.horizontal_center){
                  var slideWidth = thisSlide.parent().width();
                  
                  thisSlide.parent().css('left', (browserwidth - thisSlide.parent().width())/2);
                  var leftPos = slideWidth/2 - slideWidth*0.2 + slideWidth *0.08;
                  
                  
                  posicaoLinks = base.options.slides[vars.current_slide][0].posX;
                  thisSlide.parent().parent().parent().find('.content-wrapper').css('left', posicaoLinks);
               }

{
                                             image : 'lookbook/01-02.jpg',
                                             posX: '38%',
                                             tooltips : [
                                                { items: [{name:'peça 1', reference:'00001'},{name:'peça 2', reference:'00002'},{name:'peça 3', reference:'00003'},{name:'peça 4', reference:'00004'}], posX:'93%', posY:'25%', url:'#'}, 
                                                { items: [{name:'peça 1', reference:'00005'},{name:'peça 2', reference:'00006'},{name:'peça 3', reference:'00007'},{name:'peça 4', reference:'00008'}], posX:'90%', posY:'25%', url:'#'}
                                             ] 
                                          }
28

Hi Felipe,

These are really questions that you should go back and ask the developer that modified your plugin originally.

If you are now going to combine my modified version of a modified plugin with an additional third party plugin and expect them all to play nicely together, you will invariably come unstuck at some point.

Good luck!

29

I managed to solve the other problems with the guy who helped me create the script. Only that was not resolved was that you created http://www.sitepoint.com/forums/showthread.php?1166962-Help-with-SUPERSIZED&p=5569257&viewfull=1#post5569257