Welcome to TalkGraphics.com
Page 1 of 3 123 LastLast
Results 1 to 10 of 30
  1. #1

    Default 21 photo mouseover gallery

    This small MouseOver photo gallery may be useful to others who are wanting more photos per page.

    You can replace the photo's and thumbnails simply by selecting each layer one at a time and drag and drop your photo from Windows Explorer to the large image. This will replace the supplied image with your own and update the thumbnail automatically.
    (See Egg's video on how to do this)

    ORIGINAL PHOTOS SUPPLIED WITH XARA XTREME 4
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	21 photo gallery.png 
Views:	1760 
Size:	38.9 KB 
ID:	60953  
    Attached Files Attached Files

  2. #2
    Join Date
    Aug 2007
    Location
    Maghull UK
    Posts
    6,202

    Default Re: 21 photo mouseover gallery

    Thank you Steve
    JOHN -XaReg (FB) XaReg (DB - ignore prompt to register)
    Windows 10 [Anniversary] pro Intel Pentium CPU G630 @ 2.70Ghz RAM: 4 GB; 64-bit x64

  3. #3

    Default Re: 21 photo mouseover gallery

    Pleasure John.

    Here's the same page but with a dark theme and rounded corner thumbnails.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	21 photo gallery rounded dark.png 
Views:	1231 
Size:	36.5 KB 
ID:	60957  
    Attached Files Attached Files
    Last edited by steve.ledger; 15 May 2009 at 07:57 AM.

  4. #4
    Join Date
    May 2009
    Location
    West Virginia
    Posts
    25

    Default Re: 21 photo mouseover gallery

    Sweet! This just might be a cool option for my site!

    Could this be added to the Popup thread at:
    http://www.talkgraphics.com/showthread.php?t=38625

    I am amazed at the possibilities for Gallery Design in Xara!

    Perhaps this isn't the place, but here it goes. I am noticing that the "special" MouseOver and MouseDown designations are really not that special. Most work involves naming and linking to layers which do not have these words in them. I think the Xara Help intends to help authors organize their layers and does not affect whether the site works or not.

    Just an observation.

    Nice work on the 21 gallery!

  5. #5
    Join Date
    Mar 2009
    Posts
    4,501

    Default Re: 21 photo mouseover gallery

    Quote Originally Posted by sledger View Post
    You can replace the photo's and thumbnails simply by selecting each layer one at a time and drag and drop your photo from Windows Explorer to the large image. This will replace the supplied image with your own and update the thumbnail automatically.
    (See Egg's video on how to do this)
    Thanks a bunch, Steve, this is very useful! I found that you don't have to change the pictures layer by layer. Just drag & drop your pictures from Explorer to each of the thumbnails, but make sure that the mouse pointer is roughly in the middle of the thumbnail when you 'drop' (otherwise the picture is placed in the background). This makes customizing your picture template really easy.

  6. #6

    Default Re: 21 photo mouseover gallery

    Yep either, or. Both methods work

  7. #7
    Join Date
    Aug 2004
    Location
    Ukraine
    Posts
    3,904

    Default Re: 21 photo mouseover gallery

    Quote Originally Posted by robobugs View Post
    I am noticing that the "special" MouseOver and MouseDown designations are really not that special. Most work involves naming and linking to layers which do not have these words in them. I think the Xara Help intends to help authors organize their layers and does not affect whether the site works or not.

    Just an observation.
    Your observation is wrong. There are generally 2 kinds of "effect layers". We call them "Rollover layers" and "Popup layers". The popup layers can have any name and are recognized by the links to them in the popup fields of the web properties dialog (there are 2 of them: Link tab "Popup layer", and Mouse-over tab "Show popup layer").
    The rollover layers are recognized automatically by their name, you don't need (and you can not) link to them, they work automatically, you just have to create such a layer, place it on the right position among other layers, and give it the name that starts with "MouseOver" (or MouseDown).

    For more details please read the help.
    John.

  8. #8
    Join Date
    Nov 2005
    Location
    Ontario, Canada
    Posts
    32

    Default Re: 21 photo mouseover gallery

    What size image files are you using?
    Thanks, Ted D.

  9. #9

    Default Re: 21 photo mouseover gallery

    Hi Ted,

    The placeholder size determines the size of the thumbnail and larger image on export. WD does this automatically.
    So it doesn't really matter what size image you start with, though it's best if they are at least the same size as the large placeholder (680x430 in my examples)
    You can change the large placeholder dimensions to whatever you require.

  10. #10
    Join Date
    Aug 2004
    Posts
    293

    Default Re: 21 photo mouseover gallery

    Steve,
    Very nice layout. Thanks!

    Personally, I prefer the mouse-click better than mouse-over so I did a quick modification to your .web file. With the mouse-click option, I like how you can move to different pictures in different rows without other pictures in between displaying.
    Attached Files Attached Files

 

 

Tags for this Thread

Bookmarks

Posting Permissions

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