7 replies to this topic

[laura]

Hi, I'm newbie and I'm trying to implement an onmouseover-effect on images (fade-in and fade-out) just like the HCC-sticker on the following page:

Please Login or Register to see this Hidden Content

I would like to use the tooltips from walter zorn but didn't found any information about 1) if it works with pagelines and 2) how to implement it in pagelines.

Would be thankful for any help....

[James B]

Hi Laura

From the link you've provided it looks like the popover is being activated by Js. I don't think you'll be able to achieve the same effect using the bootstrap popover we've installed as part of the shortcode section.

You can try this plugin though

Please Login or Register to see this Hidden Content

[batman]

Hi laura
I find this to do zoom
First you copy this HTML to a draft post
<ul>
<li><a href="#"> <img src="

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

alt="Zoom effect of Images and Pictures only using CSS-thumbnail" width="200" height="119" /> <img class="zoom" src="

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

alt="Zoom effect of Images and Pictures only using CSS" width="526" height="314" /> </a></li>
</ul>

Please change after https://

in the first link blue for
lh6.googleusercontent.com/-DJVsUHaLado/UIb3pmRpNdI/AAAAAAAAMh4/DwFyDDreLlo/s526/grande.jpg
in the second link blue for
lh4.googleusercontent.com/-2gFhQdQTy5M/UIb3peb0PLI/AAAAAAAAMhw/0Z4O4Ky6kuc/s200/chica.jpg

To see my upload Picassa image

Then add in your CSS

Please Login or Register to see this Hidden Content

Save the post as a draft and you can see preview, this work for me

[batman]

Upps I don´t see the James B reply....
This is more better than mine

[laura]

Thank you first of all for your quick response... ;-)

I find both solutions very good and its close to what I'm looking for.
I've tried the wordpress popup plugin but I don't get the onmouseovereffekt (fade-in and -out).
With the html-solution of batman I can get that effect but by mouse hover, the other pics and text underneath that picture always jumped down automatically.
Is there a way to fix that?

[batman]

Hi again
Please try with

Please Login or Register to see this Hidden Content

To see if this is you need.

[laura]

Hi batman,
perfect. its fixed... :-)

Thank you guys so much and have a nice day!

[Danny]

The topic was marked as resolved.