WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
Fancy box and Img Mouseover (2 posts)

  1. philbarber
    Member
    Posted 2 years ago #

    We are using Easybox to launch videos from a gallery page
    of thumbnails. Click each thumbnail and it opens and plays the
    selected YouTube video. This works fine.

    What we want to do is have a mouse over function that changes the thumbnail to show the artist and tile of the video before clicking on the image itself.

    On a different blog I have used img Mouseover for launching a new page but when putting the plugin in our new site it doesn't work.

    The page in question is this
    http://www.shotbysodium.com/videos/

    Here is some code from a test page

    [wpcol_1third id="" class="" style=""] <img class="mouseover" src="http://www.shotbysodium.com/wp-content/uploads/2011/12/VidThumb_CitiewBetweenUs.jpg" alt="" width="326" height="185" oversrc="http://www.shotbysodium.com/wp-content/uploads/2011/12/CBUroll.jpg" />

     

    <img class="mouseover" src="http://www.shotbysodium.com/wp-content/uploads/2011/12/VidThumb_CitiewBetweenUs.jpg" alt="" width="326" height="185" oversrc="http://www.shotbysodium.com/wp-content/uploads/2011/12/CBUroll.jpg" />

    [/wpcol_1third]

    Any ideas or help welcome

    Thanks

    Phil

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,

    Let's take the first video image as example:

    Looking at your page in the Opera browser, I see the image and clicking it shows the video in FacnyBox, but there is no mouseover change... When I look at the source code I see

    <img src="http://www.shotbysodium.com/wp-content/uploads/2011/04/VidThumb_CitiesBetweenUs.jpg" width="326" height="185" />

    which clearly has no mouseover action going on.

    When I replace it with the code from your first post in this thread,

    <img class="mouseover" src="http://www.shotbysodium.com/wp-content/uploads/2011/12/VidThumb_CitiewBetweenUs.jpg" alt="" width="326" height="185" oversrc="http://www.shotbysodium.com/wp-content/uploads/2011/12/CBUroll.jpg" />

    the mouseover script replaces the image with the same image plus "Cities Between Us | Dirty Money"

    It seems to work fine, in theory...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic