Make embedded images in Pages automatically resize and zoom when clicked

[Paul B]

If you want large embedded images in Pages to automatically resize and zoom when clicked then you need to include the bb_code CSS template and just add the bbCodeImage class to the image.

As follows:

<div class="messageText ugc baseHtml">
<img class="bbCodeImage" src="http://files.myopera.com/white_demon/albums/886891/ice-age-scrat-wallpaper-hi-res.jpg" />
</div>

 

[ArnyVee]

Playing with the pages and this is a great help!

 

[Paul B]

This thread is actually outdated now.

You no longer need to do the css template include, just use the bbCodeImage class

 

[ArnyVee]

Ah, interesting. I hadn't started playing with the pages much until now.

So to confirm, like this?

<div class="messageText ugc baseHtml">
<img class="bbCodeImage" src="http://files.myopera.com/white_demon/albums/886891/ice-age-scrat-wallpaper-hi-res.jpg" />
</div>

 

[Paul B]

 

[Paul B]

Ah, interesting. I hadn't started playing with the pages much until now.

So to confirm, like this?

BTW, if you want to see it in action, click on the small image in the sidebar here

 

[ArnyVee]

Good stuff

Now I have to find out how to add the sidebars and make 'em all purty like you have 'em

 

[Paul B]

This post explains how to add a sidebar without the member avatar block at the top: http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181112

 

[Anthony Parsons]

Out of curiosity, is there a tutorial on how to use the popup version using the xenforo overlay instead of having to use a third party such as highslide?