Image Overlay

Thanks Yigit, I just changed my post before you replied! Would it be possible to do something similar to what happens when you hover over the photos on this site?

http://www.prophoto.com/explore-examples/

Thanks v much

Thanks

Is there anyway I could add the Div below an image? And change the heading and description text for different images?

If I can figure out how to achieve that I may be able to do what I was after. Thank you

<img src="http://mywebsite/a-picture.jpg" alt="Title Here" />
<div class=”overlay-background>
<h3>Title Here</h3>
<p>A description here</p>
</div>

• This reply was modified 10 years, 10 months ago by danieldunn10.

What about a function similar to this?

I am new to wordpress themes, but I thought this could be a start.

Thank you

	function writeOverLay($atts, $content) {  
		
                extract(shortcode_atts(array("image" => '', "alt" => '', "title" => ''), $atts));  
			
		$output;		
		$output .= '<div style="overflow:auto" >';
		$output .= '<div class="full_overlay">';
                $output .= '<div class="overlay_content">';
		$output .= $content;
                $output .= '</div>';
                $output .= '<img style="display: block;" src="'. $image. '" alt="'. htmlspecialchars($alt).'" title="'.htmlspecialchars($title).'">';      
    	        $output .= '</div>';
		$output .= '</div>';
		
		return  $output;

	}