• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Make embedded images in Pages automatically resize and zoom when clicked

Brogan

XenForo moderator
Staff member
#1
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:

HTML:
<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>
 

Brogan

XenForo moderator
Staff member
#3
This thread is actually outdated now.

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

ArnyVee

Well-known member
#4
Ah, interesting. I hadn't started playing with the pages much until now.

So to confirm, like this?

HTML:
<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>
 

Anthony Parsons

Well-known member
#9
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?