1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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

Discussion in 'Tips and Guides [Archive]' started by Brogan, Oct 30, 2010.

  1. Brogan

    Brogan XenForo Moderator Staff Member

    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>
     
    NUT65, Coop1979, RobinHood and 9 others like this.
  2. ArnyVee

    ArnyVee Well-Known Member

    Playing with the pages and this is a great help! :)
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    This thread is actually outdated now.

    You no longer need to do the css template include, just use the bbCodeImage class :)
     
    jgas likes this.
  4. ArnyVee

    ArnyVee Well-Known Member

    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>
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    (y)
     
    ArnyVee likes this.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    BTW, if you want to see it in action, click on the small image in the sidebar here :)
     
    Last edited: Jun 7, 2013
    SneakyDave likes this.
  7. ArnyVee

    ArnyVee Well-Known Member

    Good stuff (y)

    Now I have to find out how to add the sidebars and make 'em all purty like you have 'em :)
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    ArnyVee likes this.
  9. Anthony Parsons

    Anthony Parsons Well-Known Member

    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?
     

Share This Page