[SOLVED] header image links
Hi there,
Looking for a way to link each image in the rotating header to an url other than the homepage. Any more current solutions? I'm running Wp 3.4.1 and ATA 3.7.7. Thanks! |
Did you try this from the Gold Forum tutorials? http://forum.bytesforall.com/showthread.php?t=6538
|
I saw it, but didn't try it. Thought there might be something more recent. I'll give it a whirl.:)
|
OK, that worked for the header links. Thanks! The header isn't rotating though. Any solutions for that?
|
You might want to try a plugin like 'dynamic headers'', just put it into a new widget area in the 'Configure header area' option
|
I don't see how to get images to rotate with this plugin. It has also not been tested with the version of WP that I am running. Do you have another solution? The rotation seemed to be working when the images were not linked...
|
try this one 'Cimy Header Image Rotator'
|
That plugin is asking me to put code where I want the image to go that looks like this:
<div id="cimy_div_id_2">Loading images...</div> <div class="cimy_div_id_2_caption"></div> <style type="text/css"> #cimy_div_id_2 { float: left; margin: 1em auto; border: 1px solid #000000; width: 400px; height: 200px; } div.cimy_div_id_2_caption { position: absolute; margin-top: 175px; margin-left: -75px; width: 150px; text-align: center; left: 50%; padding: 5px 10px; background: black; color: white; font-family: sans-serif; border-radius: 10px; display: none; z-index: 2; } </style> <noscript> <div id="cimy_div_id_2_nojs"> <img id="cimy_img_id" src="" alt="" /> </div> </noscript> So basically, I'll be adding that code 5 times (once for each image)? Where do I put it? And I obviously remove the bfa_header_config.php changes I made in the first place and put that back to normal, right? |
add a new widget area to the 'Configure Header Area' option
add a text widget to the new widget area add that code to the text widget. |
I have this in the header area:
%logo <div id="address"><p>New Vineyard, Maine<br>207-652-2501</p></div>%pages <?php bfa_widget_area('name=My new widget area'); ?> I have this in a text widget in this new widget area: <div id="Mountain Guide Service">Loading images...</div> <div class="Mountain Guide Service_caption"></div> <style type="text/css"> #Mountain Guide Service { float: left; margin: 1em auto; border: 0px solid #000000; width: 940px; height: 345px; } div.Mountain Guide Service_caption { position: absolute; margin-top: 175px; margin-left: -75px; width: 150px; text-align: center; left: 50%; padding: 5px 10px; background: black; color: white; font-family: sans-serif; border-radius: 10px; display: none; z-index: 2; } </style> <noscript> <div id="Mountain Guide Service_nojs"> <img id="cimy_img_id" src="http://mountainguideservice.com/wp-content/Cimy_Header_Images/0/family-hike.jpg" alt="" /> </div> </noscript> It's not working so I must be missing something. http://mountainguideservice.com. For the sake of looks on the live site, I'm going to add the %image back into the header area but you can see where the rotating images should be. I've got all the images loaded, cleared my cache, and refreshed a bunch of times. What am I doing wrong? |
I always just build the Cimy rotator, grab the resulting code and paste directly in the Configure Header Area box in place of %image
|
OK, tried that with almost the same result. Just the loading images... text. Does your resulting code look similar to what I've posted? I don't see anything in the code that's grabbing the images--which makes sense with what I'm seeing on the live site. I must be doing something wrong when I build the cimy rotator.
|
Your slider is showing fine for me. Perhaps a refresh of your browser cache? Do you have a caching plugin installed?
|
Yeah, meant to post earlier. I just created a new one and pasted the code into the header area and all's well. Not sure why it wasn't working before. Thanks for the help and suggestions!
|
All times are GMT -6. The time now is 12:30 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.