-
Posts
-
Hi,
When hyperlinking an image in the Avia Builder it gives the option to set the URL manually but not to open the link in a new tab or window. Is there a possibility to do that?
Thanks for the theme and the support,
Ying-Fu
Hi,
You have a lot of options to open an image to a new window.
1.) Insert a text block then add an html tag. Something like this
<a target="_blank" href="YOURURLHERE"><img src="YOURIMAGEHERE" /></a>2.) You can edit config-templatebuilder > avia-shortcodes > image.php then find this code
$output.= "<a href='{$link}' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='' /></a>";Replace it with
$output.= "<a target='_blank' href='{$link}' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='' /></a>";3.) This is the rendered html tag when using the Image shortcode via AviaBuilder. You can copy and paste it manually. Change the anchor tag link and the image url.
<a href="http://www.yourlinkhere.com" class="avia_image avia-builder-el-49 el_after_av_slideshow_full avia-builder-el-no-sibling avia-align-center "><img class="avia_image avia_animated_image avia_animate_when_almost_visible right-to-left avia_start_animation" src="http://localhost/kriesi/enfold/wp-content/uploads/2011/12/imac_big_demo-300x180.png" alt=""><span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 180px; width: 300px;"><span class="image-overlay-inside"></span></span></a>Regards,
Ismael
Thanks Ismael,
The latter will work since I don’t want every image to open in a new window. It might be an idea to include the option in Avia Builder in the next update ;-)
- The topic ‘Open image hyperlink in new tab or window’ is closed to new replies.