Solved

Jquery conflict

Posted on 2014-03-25
5
370 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

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

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
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…

632 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