Solved

Jquery conflict

Posted on 2014-03-25
5
366 Views
Last Modified: 2014-03-25
Hello,

I'm using colorbox and wow slider on the same page when i use colorbox with in the slider it doesn't seem to work no matter what I do ...

The small thumbs right under the news text also load colorbox and work fine , the issue is with the banner on the right... It flips the images but never loads colorbox...

http://latlb.com/news2.php?id=4

Thanks
0
Comment
Question by:zahimezher
  • 3
  • 2
5 Comments
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 39953373
You didn't set class='cboxElement' for the a tag of the right image.
0
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 39953377
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 0;">
<a class='cboxElement' style="display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" href="http://latlb.com/images/small_banner/dsc000572014-03-25-124525.JPG" target=""></a>
</div>

Open in new window


And maybe you have to set the group also:

<a class='group1 cboxElement'...
0
 
LVL 1

Author Comment

by:zahimezher
ID: 39953520
echo '<li>';
echo '<a class="group1" href="'.$mainItem['picture'].'"><img src="'.gd_image2($mainItem['picture'],"cropratio=300:200&width=300&height=200").'" id="wows2_0"/>';
echo '</a>';
echo '</li>';

Open in new window


:( I did set the class just like I did in the pictures under the news text. But it simply doesnt show when I inspect element in firefox just like you pointed out.
0
 
LVL 31

Accepted Solution

by:
Marco Gasi earned 500 total points
ID: 39953565
The problem is that the markup is generated by WOW SLider so it siumply replace any markup you can write by your self.

So now you have two choices: or you edit the source of the wow slider or you look for another slider which let you customize the markup: there are a bunch all over the web. Personally, I would choose the latter, simply because I find irritating anything prevent me to do what I want with my code. :)
0
 
LVL 1

Author Closing Comment

by:zahimezher
ID: 39953607
Thanks :) cant agree more! I thought I was overlooking something.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

823 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question