Comments on: Create Multiple Pop-up Divs using the jQuery prev() Method

By: Luca

Luca — Tue, 20 Dec 2016 15:31:51 +0000

hi Laura!
That was a really good tutorial! thank you very much!
I have two questions for you. 1-Just as at Nikola and Will some of the elements I created are covered by the pop up windows even when the are not on! I followed your tip and tried to play with the z-index and I applied it to the trigger element .trigger a{z-index:100;} and/ or the span.name and the div.pop-up, but did not help that much. The best I could get was the span in the front of the pop.up, which I also don’t want. How can i resolve the problem? 2-the position of the pop up is always relative to the trigger with exactly the same margins, but in my case the position of the trigger is just on the bottom corner of the container…..how can i customize the position of the single pop-up? here is a link of the page i’m talking about (http://271116.lucamule.com/studio-1) and a fiddle https://jsfiddle.net/chiappe_di_bronzo/10hv5rmv/

thanks for the help!

By: RW

RW — Fri, 07 Jun 2013 16:29:54 +0000

Awesome tutorial. How can I do this with click rather than hover?

Thanks,
Bob

By: paraz

paraz — Thu, 16 May 2013 12:21:40 +0000

Thanks a lot. This helped me a lot.. Thank you very much..

By: sunshine

sunshine — Wed, 13 Feb 2013 05:33:19 +0000

Hello hello, this is kind of what I was looking but I am having some trouble. what I am trying to do is have 9 thumbnails and when you mouse over it wanted to pop up a larger view of 500 x Height of image. But weird thing is the link disappears. I realized its the margin-top: -100px; I just can’t seem to understand this.

By: André Pires

André Pires — Fri, 08 Feb 2013 16:15:33 +0000

I have a problem joining this with a code that i have that is like a horizontal scroller for my website. can you help? (function($) { $(function() { $("#scroller").simplyScroll({ pauseOnTouch : true, pauseOnHover : true }); }); })(jQuery);

By: Leonard Mutuku

Leonard Mutuku — Fri, 08 Feb 2013 14:57:30 +0000

Hi, Thanks a lot 4 the post, it really did help me. The Code works perfectly well, but could u help me on what to do when i hover over the Pop – up div so that it doesn’t disappear.

Thanks,

Leonard

By: Laura Montgomery

Laura Montgomery — Wed, 31 Oct 2012 09:26:58 +0000

Hi there, I personally opted for WordPress because it’s been built around the idea of blogging and therefore seemed the perfect fit for me. The best bet is to research the other options out there, taking into consideration any other functionality you may need from your site.

You may want to manage and host your own blog/Wordpress site but if considering WordPress a hosted option may be a good way to test the water – http://wordpress.com/

By: flowers online australia

flowers online australia — Tue, 30 Oct 2012 21:45:52 +0000

Amazing blog! Do you have any suggestions for aspiring writers?

I’m planning to start my own website soon but I’m
a little lost on everything. Would you advise starting with a free platform like
Wordpress or go for a paid option? There are so many
options out there that I’m totally overwhelmed .. Any recommendations? Thanks!

By: Gerry Williams

Gerry Williams — Thu, 25 Oct 2012 19:02:36 +0000

You can see why a vertically stacked solution is highly desirable for this layout .. Target Page

By: Gerry Williams

Gerry Williams — Thu, 25 Oct 2012 18:56:46 +0000

Okay,
I changed the layout;
1. made the left margin of the FAQ div =0, and made it a width of 600px.
2. changed popup div width and top & left margins to plunk it to the right of the question.

That makes the hover logic function. A nicer solution would be to solve it with the original layout and have some z-index type solution.

Please let me know if it is possible.

Thanks a million for a nice script.

-g-