Jump to content


Photo
- - - - -
Resolved

How To Install And Use Tooltips From Walter Zorn On Pagelines

tooltips walter zorn jquery

  • Please log in to reply
7 replies to this topic

#1 laura

laura

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 23 October 2012 - 07:39 PM

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....

#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 October 2012 - 10:16 PM

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



#3 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 October 2012 - 10:21 PM

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

#4 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 October 2012 - 10:32 PM

Upps I donĀ“t see the James B reply....
This is more better than mine
;)

#5 laura

laura

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 24 October 2012 - 07:05 PM

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?

#6 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 24 October 2012 - 07:32 PM

Hi again
Please try with

Please Login or Register to see this Hidden Content

To see if this is you need.

#7 laura

laura

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 25 October 2012 - 05:21 AM

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

Thank you guys so much and have a nice day!

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15903 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 October 2012 - 09:07 AM

The topic was marked as resolved.