• Register
    • Help

    striker  0 Items
    Currently Supporting
    • Home
    • News
    • Forum
      • Try XenForo Demo
      • New Posts
      • FAQ
      • Calendar
      • Community
        • Groups
        • Albums
        • Member List
      • Forum Actions
        • Mark Forums Read
      • Quick Links
        • Today's Posts
        • Who's Online
      • Sponsor
        • Sponsor a Feature
        • List of Donors
    • Wiki
    • Support
    • What's New?
    • Buy Now
    • Manual
    • 
    • Forum
    • VaultWiki Discussion
    • Ideas & Suggestions
    • Images and viewing

    1. Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

      VaultWiki allows your existing forum users to collaborate on creating and managing a site's content pages. VaultWiki is a fully-featured and fully-supported wiki solution for vBulletin and XenForo.

      The VaultWiki Team encourages you to join our community of forum administrators and check out VaultWiki for yourself.

    Results 1 to 13 of 13

    Thread: Images and viewing

    • Thread Tools
      • Show Printable Version
    1. May 21, 2011 #1
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188

      Images and viewing

      Can we get it so that when you are viewing an article and you click on an image, I would like for it to open up in a lightbox type screen, so that you can go through the rest of the images in the article.

      Currently when you click an image, it takes you to the image page, and then you have to click the thumbnail to get the big image...
      Reply With Quote Reply With Quote

    2. May 25, 2011 #2
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      If you have used the format:
      Code:
      [image]file.ext|thumb|caption[/image]
      Including thumb will add an icon that looks like two rectangles. Clicking the icon should open the lightbox.
      I believe the lightbox is only used for thumbnail images.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    3. May 25, 2011 #3
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      interesting, I will give it a try... will this be affected in upcoming versions, if I go and change this for all images?
      Reply With Quote Reply With Quote

    4. May 25, 2011 #4
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      We currently have no plans to remove "thumb" for images so it should be fine.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    5. May 26, 2011 #5
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      Is there a reason that the thumbnails are "right-aligned"? Also the thumbnails are backwards as compared to the code order...

      http://www.kordindustries.com/dcwiki...se_Classics_14

      Here is an example of the code for those images...

      Code:
      [image]dcuc14_green_lantern.jpg|thumb|Green Lantern - Alan Scott[/image][image]dcuc14_green_lantern_front.jpg|thumb|Green Lantern - Alan Scott[/image][image]dcuc14_green_lantern_back.jpg|thumb|Green Lantern - Alan Scott[/image]
      Reply With Quote Reply With Quote

    6. May 26, 2011 #6
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      You can left-align them using |left

      They are right aligned automatically to not break the text-flow and let you put text next to them. They are in reverse order because I think right alignment makes the browser think block elements are Right-To-Left reading direction.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    7. May 27, 2011 #7
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      Okay so check out this link and look at what "References" is doing to my images at the bottom...

      Here is the code, if you want to check it out...

      Code:
      Kenner released Parademon and other evil Darkseid henchmen for the 2nd series figure wave released in 1985. The character represents the only true "army building" possibility from the line. Darkseid commanded legions of Parademons to carry out his evil plans, so multiple quantities of the figure in a Super Powers collection or diorama makes sense. Parademon was designed to exhibit a "Battle Flight" power causing the arms to move in a flight-like fashion. Kenner failed to utilize an internal tray inside the blister card's bubble to secure Parademon inside. As such, packaged specimens are notorious for containing paint worn or detached arm figures caused by the figure shifting inside the large bubble. The oversized bubble's limited support also contributes to a difficulty in locating carded examples with mint bubbles[FOOTNOTE=1]Kennersuperpowers.com[/FOOTNOTE].
      
      [H="2"]Powers[/H]
      
      Although the Parademons of Apokolips wear protective armor and can fly, their true strength is in their numbers. There are literally thousands of them, and, when acting together, they can overcome even the most powerful heroes.
      
      [H="2"]Statistics[/H]
      
      Weaknesses: Individual Parademons are vulnerable. Together, they seldom attack in an organized fashion, hence, they can be defeated.
      
      Enemies: The Heroes of Earth, The New Gods
      
      Secret Identity: None
      
      
      [H="2"]Information[/H]
      
          * MSRP: $3.99
          * Series: [WIKI]Super Powers[/WIKI]
          * Release Date: 1985
          * Wave Information: 2
          * UPC / Barcode: 7628167000
          * Suggested Age: Ages 4+
          * Articulation: Shoulders, Hips, Knees
          * Size Class: 5"
          * Accessory 1: Mini Comic
          * Accessory 2: Yellow Gun
          * Manufacturer: [WIKI]Kenner[/WIKI]
      
      
      [H="2"]Image(s)[/H]
      [image]sp_parademon.jpg|thumb|left|Parademon[/image][image]sp_parademon_comic.jpg|thumb|left|Parademon[/image]
      
      
      
      
      
      
      [H="2"]Refrences[/H]
      [REFLIST][/REFLIST]
      Reply With Quote Reply With Quote

    8. May 28, 2011 #8
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      Yes, this is expected behavior if you understand the way CSS works. As I mentioned earlier, this is mainly for letting you put text next to the images, and that's what's happening here.

      To force a new line after the images, the images need a container. You want to enclose the images in a TABLE or DIV tag with class="floatcontainer" like so:
      Code:
      [div] class="floatcontainer" |
      [image]blah[/image]
      [/div]
      DIV must be turned on in Wiki Code Manager first in order for this to work.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    9. May 28, 2011 #9
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      gothcha! Thanks
      Reply With Quote Reply With Quote

    10. May 28, 2011 #10
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      So how would you get it to keep the same look (with border and name under thumbnail) but, have a return so that the next header is underneath?
      Reply With Quote Reply With Quote

    11. May 29, 2011 #11
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      Using the DIV as above should work. Just put your thumbed images inside it.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    12. May 30, 2011 #12
      ashley76
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • View Articles
      ashley76 is offline
      Regular Member
      Join Date
      February 12, 2011
      Posts
      49
      Rep Power
      188
      that's what I did, but it takes away the thumbnail aspect of the images. Makes them "Unclickable" and takes away title...
      Reply With Quote Reply With Quote

    13. May 30, 2011 #13
      pegasus
      • View Profile
      • View Forum Posts
      • View Blog Entries
      • Visit Homepage
      • View Articles
      pegasus is offline
      VaultWiki Team
      Join Date
      March 28, 2004
      Location
      New York, NY
      Posts
      2,959
      Blog Entries
      18
      Rep Power
      687
      It shouldn't do that if you're still using |thumb

      DIV wouldn't have any effect on the images themselves, you're just putting them in a box so they stay where you put them.

      Post the code you're using if you're still having problems.
      - lead developer for VaultWiki
      Reply With Quote Reply With Quote

    Similar Threads

    1. Images
      By migratoria in forum General Discussion
      Replies: 4
      Last Post: July 8, 2015, 10:13 AM
    2. images and text
      By cosy in forum VaultWiki Questions
      Replies: 0
      Last Post: March 3, 2013, 1:29 PM
    3. uploading images
      By mickknutson in forum VaultWiki Questions
      Replies: 3
      Last Post: July 20, 2011, 2:14 PM
    4. Images As Links
      By palmpedia in forum VaultWiki Questions
      Replies: 3
      Last Post: June 8, 2011, 5:58 PM
    5. Images
      By Blue6995 in forum General Discussion
      Replies: 7
      Last Post: April 6, 2010, 2:21 PM

    Bookmarks

    Bookmarks
    • Submit to Digg Digg
    • Submit to del.icio.us del.icio.us
    • Submit to StumbleUpon StumbleUpon
    • Submit to Google Google

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •  
    • BB code is On
    • Smilies are On
    • [IMG] code is Off
    • [VIDEO] code is
    • HTML code is Off

    Forum Rules

    • Contact Us
    • License Agreement
    • Privacy
    • Terms
    • Top
    All times are GMT -4. The time now is 3:39 AM.
    This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Learn more… Accept Remind me later
  • striker
    Powered by vBulletin® Version 4.2.5 Beta 2
    Copyright © 2025 vBulletin Solutions Inc. All rights reserved.
    Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2025 DragonByte Technologies Ltd.
    Copyright © 2008 - 2024 VaultWiki Team, Cracked Egg Studios, LLC.