quickportfolio - jquery conflict and center images
- Posted by claudia paone (8) Offline
hi
sorry if i go back to this problem but i have worked by myself in order to solve it and i discovered some things. The first one is that even unless using the jqueryeasy plugin (that was not applicable in my case), it is possibile to get the module working. I changed the code of script.js (mod_quickportfolio/tmpl/assets/js), adding at the beginning the instruction
var $jq = jQuery.noConflict();
and then replacing pieces of code like this jquery(window).load( function() with $jq(window).load( function().
Now, the images are next to one another.
The second things is that they are still not centered and, looking in the web, i found that this is due to the isotope function. I had tried this solution isotope.metafizzy.co/v1/custom-layout-modes/spine-align.html, by adding the code in script.js but i get an error "function is undefined" on the first line "$.Isotope.prototype._spineAlignReset" and still I have not yet found a reason for this (i do not know very well jquery).
Now, i think that in your demo the elements are not centered, but more simply they fit the width of the container.
Do you have any tip to give me in order to solve the problem?
Thanks in advance.
Claudia
10 years 3 months ago #1
by claudia paone
sorry if i go back to this problem but i have worked by myself in order to solve it and i discovered some things. The first one is that even unless using the jqueryeasy plugin (that was not applicable in my case), it is possibile to get the module working. I changed the code of script.js (mod_quickportfolio/tmpl/assets/js), adding at the beginning the instruction
var $jq = jQuery.noConflict();
and then replacing pieces of code like this jquery(window).load( function() with $jq(window).load( function().
Now, the images are next to one another.
The second things is that they are still not centered and, looking in the web, i found that this is due to the isotope function. I had tried this solution isotope.metafizzy.co/v1/custom-layout-modes/spine-align.html, by adding the code in script.js but i get an error "function is undefined" on the first line "$.Isotope.prototype._spineAlignReset" and still I have not yet found a reason for this (i do not know very well jquery).
Now, i think that in your demo the elements are not centered, but more simply they fit the width of the container.
Do you have any tip to give me in order to solve the problem?
Thanks in advance.
Claudia
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5318) Offline
Can you tell me the new creds so I can see how exactly the problem now?
Regarding the jquery problem, last time I checked on your website, I was thinking the problem was because one of your module (I forgot the module name) called jquery in the middle of of your page (your template already called it in the head) that's why I told you to use jQuery easy plugin to make your website call jquery once only. So removing the code that call jquery in that module will fix the multiple jquery load easier
10 years 3 months ago #2
by TemplatePlazza
Regarding the jquery problem, last time I checked on your website, I was thinking the problem was because one of your module (I forgot the module name) called jquery in the middle of of your page (your template already called it in the head) that's why I told you to use jQuery easy plugin to make your website call jquery once only. So removing the code that call jquery in that module will fix the multiple jquery load easier
Please Log in or Create an account to join the conversation.
- Posted by claudia paone (8) Offline
yes, the module (mod_puzzlemania) loads the jquery library.i'll try to remove the call from the code. the problem is that i cannot use jqueryeasy plugin because it conflicts with my template
so i have had to try another solution (the one i told you worked for me). i give you access creds, but i have removed the code for centering images because it prevent the images to be loaded. If you want,i can add it again. However, the problem is just to center the images.
Thanks,
Claudia
10 years 3 months ago #3
by claudia paone


Thanks,
Claudia
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5318) Offline
If you remove the jQuery call from the mod_puzzlemania you won't need to use jQuery easy plugin any more, because it's the only additional jquery load I saw beside that one loaded from the head section.
btw I'm able to open your website but unable to see the module published there?
10 years 3 months ago #4
by TemplatePlazza
btw I'm able to open your website but unable to see the module published there?
Please Log in or Create an account to join the conversation.
- Posted by claudia paone (8) Offline
Hi
the module is published on top of the page and then in the middle of the page. I can see it with chrome, firefox, ie9.I'm accessing the website with the creds i gave you. The problem is visible on top of the page, because in the middle the images fit the container width.
Cla
10 years 3 months ago #5
by claudia paone
the module is published on top of the page and then in the middle of the page. I can see it with chrome, firefox, ie9.I'm accessing the website with the creds i gave you. The problem is visible on top of the page, because in the middle the images fit the container width.
Cla
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5318) Offline
Ok, it looks like the multiple jquery load issue has been resolved. Regarding centering the image, have you tried to use the solution here again? isotope.metafizzy.co/v1/custom-layout-modes/spine-align.html
10 years 3 months ago #6
by TemplatePlazza
Please Log in or Create an account to join the conversation.