One way to do it is to use some CSS, for example if you have
[syntaxhighlighter brush=html,first-line=1,highlight=0,collapse=false,html-script=false]<img alt='my img' src='images/my_image.jpg' />[/syntaxhighlighter]
you can do
[syntaxhighlighter brush=html,first-line=1,highlight=0,collapse=false,html-script=false]<img alt='my img' src='images/blank.gif' style='background: url(images/my_image.jpg) no-repeat' />[/syntaxhighlighter]
where blank.gif is a 1x1px transparent gif image, this also has a touch of trolling, as the person trying to save the photo will get just an empty image.
Other solution is to position a <div> over the <img>
[syntaxhighlighter brush=html,first-line=1,highlight=0,collapse=false,html-script=false]<div class='image_container' style='position:relative'>
<img alt='my img' src='images/my_image.jpg' />
<div class='overlay' style='position:absolute; top:0; left:0; width:100%; height:100%'></div>
</div>[/syntaxhighlighter]
0 replies