[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!