Solved

Jquery conflict

Posted on 2014-03-25
5
368 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

How our DevOps Teams Maximize Uptime

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

Question has a verified solution.

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

Suggested Solutions

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

726 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