- This topic is empty.
-
AuthorPosts
-
September 22, 2012 at 8:35 pm #39960RockoParticipant
I’m having trouble combining two js plugins. I’ve got a working pop up box on the page, and a working anythingSlider. For some reason, when I try to put the pop up’s trigger button inside of an anythingSlider slide, it doesn’t seem to be loading the js to open the pop up. I can’t figure out the what’s causing this. Thanks in advance for your help!
I’d post the code, but I have no idea where the problem is (and don’t want to post countless lines of JS & CSS). If you’d like me to post any code in particular, please let me know.
Link: http://www.rockomole.com/2012/illustration.php
FYI, it’s the info button ontop of the images
September 23, 2012 at 1:19 am #110605MottieMemberThere are a few problems that need to be overcome:
First is that the popup is inside of the slider which has `overflow:hidden` so only part of the popup will show up. The best solution for this would be to append the popup outside of the slider.
The second issue is the way the script is written, it appears that only the first trigger and popup would work. I tried to fix the script to correct this problem but it just got a lot messier. I’ll try again in the morning after some sleep ;)
September 23, 2012 at 7:30 am #110609RockoParticipantThank you Mottie. I’d prefer to have the pop up inside the slider, so I can have unique pop ups for each slide.
I did a simple test before applying it to my site, and it seemed to work fine. Not sure if this helps, but I’ve uploaded the test here:
September 23, 2012 at 7:35 am #110610RockoParticipantAs for the overflow:hidden issue, I don’t mind moving the pop up box so it stays within the slide. Thanks for pointing that out :)
September 23, 2012 at 2:09 pm #110627MottieMemberOk, change this line, from this
$([trigger.get(0), info.get(0)]).mouseover(function () {
to this
trigger.add(info).mouseover(function () {
once that is done, you’ll need to adjust the top and left position so that the popup is inside the slider
September 24, 2012 at 6:45 pm #110706RockoParticipantAh ha! I found the problem. The pop up was working in the slide, but the positioning assigned to it (because of the other pop up box on the page) was placing it outside of the slider. With overflow:hidden, it was simply not showing. So it turned out to be a CSS issue. Thanks for your help Mottie!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.