Thread: Floating Images

Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Aug 2007
    Posts
    6
    Plugin Contributions
    0

    Default Floating Images

    I searched and searched but not even sure I can describe this problem correctly. I have loaded some templates that when the mouse is moved over a product a popup image appears. This is great, I love it, but the image appears in the upper left of my browser and moves the header and the page down, or if it is an image lower on the page the page seems to jump but you can't see the image at the top.

    How do I position the image like I see in the samples???

  2. #2
    Join Date
    Apr 2006
    Posts
    265
    Plugin Contributions
    0

    Default Re: Floating Images

    This is impossible to diagnose or correct without being able to see it in action and look at the code.

    Please post a link to a page on your site where the problem occurs.

    BrandTim

  3. #3
    Join Date
    Aug 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Floating Images

    http://www.giftbarn.net

    I thought at first it was one of the templates I was trying to use but I have found that does the same thing for all of them.

    Thank you for looking at this, anything you can suggest to fix it will be most appreciated!

  4. #4
    Join Date
    Apr 2006
    Posts
    265
    Plugin Contributions
    0

    Default Re: Floating Images

    I knew I'd answered this question before...

    http://www.zen-cart.com/forum/showth...light=brandtim

    BrandTim

  5. #5
    Join Date
    Aug 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Floating Images

    Thanks, followed your link and at least it gave me some direction. What I discovered was that there was no css for imagehover, as I found in other templates. All I did is copy a imagehover.css from one template to the one I was having problems with and it works fine now, well almost. Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

    Thanks,
    Robert

  6. #6
    Join Date
    Jun 2007
    Location
    Milton Keynes UK
    Posts
    153
    Plugin Contributions
    0

    Default Re: Floating Images

    Quote Originally Posted by schnieber View Post
    Thanks, followed your link and at least it gave me some direction. What I discovered was that there was no css for imagehover, as I found in other templates. All I did is copy a imagehover.css from one template to the one I was having problems with and it works fine now, well almost. Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

    Thanks,
    Robert
    I would like to have this mouse over floating image feature,
    Is there a mod that I can download? Can you tell me where I can get the files from?
    Thanks

  7. #7
    Join Date
    Apr 2006
    Posts
    265
    Plugin Contributions
    0

    Default Re: Floating Images

    schnieber,

    Try reinstalling the Image Handler mod entirely. If you were missing one file, there may be other issues...


    francocauter,

    The Image Handler mod is here. You'll find all of the files for all of the modules in the downloads section. (The link is at the top of every page. )

    BrandTim

  8. #8
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: Floating Images

    Quote Originally Posted by schnieber View Post
    Now if I can only figure out how to get rid of the pop image description text box when I mouse over?

    Thanks,
    Robert
    Open up stylesheet_imagehover.css and change this:

    Code:
    #trailimageid h1 {
     font-size: 100%;
     font-weight: normal;
     margin: 0;
     padding: 2px 0px;
     text-align: left;
     width: 100%;
    }
    to this:

    Code:
    #trailimageid h1 {
     display:none;
    }

  9. #9
    Join Date
    Aug 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Floating Images

    Quote Originally Posted by francocauter View Post
    I would like to have this mouse over floating image feature,
    Is there a mod that I can download? Can you tell me where I can get the files from?
    Thanks
    I stumbled upon this while testing different themes but I think it is a combination of a java script which is in the default theme folder and a stylesheet that comes with some of the themes.

    The stylesheet is style_imagehover.css and I found it in Future Zen and other themes.

  10. #10
    Join Date
    Aug 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Floating Images

    Quote Originally Posted by jettrue View Post
    Open up stylesheet_imagehover.css and change this:

    Code:
    #trailimageid h1 {
     font-size: 100%;
     font-weight: normal;
     margin: 0;
     padding: 2px 0px;
     text-align: left;
     width: 100%;
    }
    to this:

    Code:
    #trailimageid h1 {
     display:none;
    }
    Thanks, but this seemed to remove the text that was part of the popup image. There is another small box that appears and then disappears that has a yellow background and the product title. It seems to be from a different process and overlays on top of the popup image, annoying.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v150 Floating Sideboxes
    By REVIVEIT in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 11 Jun 2012, 04:49 AM
  2. Script for floating the large image over smaller images on product info page
    By sjk1000 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 20 Mar 2010, 10:17 PM
  3. Floating images in IE7
    By deathman in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 25 Nov 2008, 03:51 PM
  4. 2 images floating in header how?
    By eisot in forum Addon Templates
    Replies: 4
    Last Post: 19 Jun 2007, 10:24 AM
  5. Floating Home
    By johnga in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 1 Jul 2006, 05:12 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg