Click to image Enlarge / Open in New Page*

stevejwin

We use a ton of images in my forum and I was wondering how to make these uploads clickable. I dug through the code a fairly decent amount but having a very hard time trying to figure out where to put the link, exactly. Any suggestions / guidance? Thank you!

UnderDog

http://vanillaforums.org/discussion/comment/199810/#Comment_199810 Maybe?

stevejwin

Thanks that was not quite what I was looking for. Basically I just need to hyperlink to the image ex fancybox or anything like that. Appreciate it though.

vrijvlinder

You can add the fancybox class or make them open in a new window. the images that are uploaded are linked via the thumbnail.

$(document).ready(function() {
//this will open in a new window
$(".Attachment a").attr("target", '_blank');
//this adds the class fancybox to the image link when the thumbnail is clicked fancybox opens image 
$( ".Attachment a" ).addClass( "fancybox" );

http://api.jquery.com/addclass/

stevejwin

I apologize here for all the fancybox talk but I did not put that in the title of this discussion - no idea how that got there. Click - open the image in a separate page would be fine. Regardless I appreciate the help. Thank you.

vrijvlinder

ok then simply use the one to open in a new window. You would add this to your default.master.php or tpl

<script type="text/javascript"> 
        $(document).ready(function() {
        //this will open in a new window
        $(".Attachment a").attr("target", '_blank');
        $(".Message a img").attr("target", '_blank');
        </script>

Forgot to mention that if it is a default.master.tpl you need to add the script between {literal}script goes here {/literal} tags...

UnderDog

@stevejwin said:
I apologize here for all the fancybox talk but I did not put that in the title of this discussion - no idea how that got there.

Yep, that was me... I took it out again.