Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

Roll-over action and link from images


  #1  
Old Jun 24, 2011, 09:47 AM
allyevans
 
35 posts · Aug 2010
Hi - I am using a combination of the built-in WP Gallery and Nextgen for my images. On my home page I have a gallery of thumbnails which, when clicked, show up as full images in an attachment page. I would like these to instead be static images that act as links to my other pages. I would like each image thumb in this gallery to link to one of my other pages. Upon mouse-over / hover of those images I'd like the image thumb to turn grey (black with 30% transparency) and for the name of the page to show in the center of the thumb. Is this possible without adding a plugin?? Any tips would be gratefully received.

Thanks in advance,

Ally

I am using the most updated versions of both Atahualpa and WP.
  #2  
Old Jul 3, 2011, 03:37 AM
Jam's Avatar
Jam
 
1,112 posts · Mar 2011
Perth, Western Australia
Hi Ally, do you still want to do this. Answer is yes, you "can", my method might be different to others but I:


Quote:
Hi - I am using a combination of the built-in WP Gallery and Nextgen for my images. On my home page I have a gallery of thumbnails which, when clicked, show up as full images in an attachment page.
Remove the link from the image (we will add another link later), ie edit image details, remove URL link.

Quote:
I would like these to instead be static images that act as links to my other pages. I would like each image thumb in this gallery to link to one of my other pages.
Create the other pages, get the URL address/link, edit the image again and replace with new link (so now its linked to a page, not to the original image).

Quote:
Upon mouse-over / hover of those images I'd like the image thumb to turn grey (black with 30% transparency) and for the name of the page to show in the center of the thumb. Is this possible without adding a plugin??
You'll have to manually create the hover image. Make an identical copy of the image, make it greyscale (to get the grey effect), then make it RGB again, add the text and save it as the "imageON.jpg" or gif, png whatever.

Then use this snappy piece if code I use to create the mouseover for images.

Code:
<img title="Gallery One" onmouseover="this.src='http://www.domain.com/imageOn.png';" onmouseout="this.src='http://www.domain.com/imageOff.png';" src="http://www.domain.com/imageOff.png" alt="" width="75" height="75" />
Use your image names, your thumb size etc.
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] I'd like to link Home page header images to link to different urls depending grnidone Header configuration & styling 7 Mar 10, 2011 12:53 PM
Graphic roll-over selector for main menu nick51 Header configuration & styling 1 Dec 2, 2010 12:38 PM
see it in action? chzumbrunnen ThemeFrame Presales 1 Sep 9, 2010 07:19 AM
[SOLVED] Link images in bloroll sidebar ALSO show the title of the link sine Sidebars & Widgets 6 Sep 7, 2009 03:11 PM


All times are GMT -6. The time now is 08:31 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.