How I make my "View Extra Large" button/option.

I firstly have to apologise as I intended to do this well over a month ago. Life has become a little crazy round here since then and I had just plain forgotten. Anyways, on with the show…

Quite a few people have asked me how I do the “view extra large” button that I include with my descriptions for my images so here is what I hope, is a quick and easy to understand guide.

This feature works because of the new zoom out coding that RB has put into it’s description section at the last update of the layout. I chose to use it to my advantage to allow people to view my images nice and BIG!! Which is what we all really want isn’t it? So, here’s how I do it.

  • 1. Upload your image to RB and check all the usual boxes, set your mark ups etc.
  • 2. In another browser tab, upload a reduced size copy of your image to a suitable online host that you can link directly to (I use photobucket).
  • 3. In your description, insert either TEXT (“click here to view extra LARGE” for eg) or an IMAGE (your ‘button’) that will be your link or button to the BIG image. As you can see I chose to make and use a big red ‘button’ as I think it’s more conducive to encourage people to click on and IMO just looks better than a plain text link.
  • 4. Use normal image linking code with the !‘s and the ":’s etc as you would to link the text or ‘button’ to the LARGE image that you uploaded to (for example) photobucket.
  • 5. Click on the big red ‘submit’ button (as you normally would) and enjoy your results of a HUGE SCREEN FILLING PREVIEW that your clients and customers will LOVE!!

A few things to try to keep in mind.
- the LARGE image is best kept to a size that would fit inside most people’s screens. I make mine no wider or taller than 1200pix at 72dpi. This will keep it inside most screens and will also be substantially larger than the default RB ‘zoom’ view of your uploaded RB artwork.
- this feature works best if it appears in the top section (the already visible area) of your description box. Having it further down and only seen after the ‘see full description button’ is clicked is a bit of a waste of time IMO.

So… I hope that is a bit helpful. If it is as clear as mud to you… please see below my own coding that I use personally in my descriptions. I have pasted this in as an image, because other wise you’d see the result and not the code. Hopefully that shows you more clearly what perhaps my words were not that good at doing. ;-)

click on the image to view larger

For those folk who would like to know how I have done the coding and setup of my whole description area (not the part of my ‘descriptions’ found in the ‘comment’ sections, if you’d like to read how I do that, here is the link to my previous journal: My personalisation of the ‘new layout’. ) here is the code for that if you’d like to decipher it. ;-)

click on the image to view larger

And here you can find an example of it in action.

Hopefully some of you can make sense of all that gibberish. ;LOL.

Please fire away if there is anything you have questions on or that I can help with.

Cheers.

Journal Comments

  • scarlettmonty
  • Luke Griffin
  • BYRON
  • Luke Griffin
  • Philip Johnson
  • Ian Berry
  • Bryan Freeman
  • Angela King-Jones
  • Judi FitzPatrick
  • Chris Lord
  • Linda Bianic
  • Sally Sargent