the right/light lightbox

best buy metformin Looking for a suitable script for the popular lightbox presentation to show my web students – I went online to do some research and was quite taken back with the number of different techniques now used.  With jQuery being such a light and apparently designer-friendly script – it was no surprise to find it in use extensively. I came across this great post: 10+ promising jQuery Lightbox-Clones Plugins by insicDesigns. This list shows various different techniques and makes for interesting experimenting :)

sildenafil billiger If you want to have a play around yourself – please do refer to the original sources for specifics. You will also need the jQuery JavaScript library itself, or link to it. You can download the latest version from the Google code library.

opzioni binarie demo youtube FancyZoom
Initially the FancyZoom by orderedlist looked excellent – a very quick response and simple presentation. The demo works very smoothly and for a limited amount of images – this technique can be suitable. FancyZoom works by referencing IDs between the link and the chosen content within a container with the same ID. This essentially means that all content will have to be put into the HTML itself.
<div class=”photo”>
  <a href=”#beach1″>
    <img src=”images/beach1.jpg” alt=”beach photo” />

Tastylia, Tadalafil Oral Strip The ID referred to in the link is then referenced to the ID assigned to the DIV containing the content to be zoomed.
<div id=”beach1″>
    <img src=”images/beach1.jpg” alt=”beach photo” />

This can of course add weight to the page, in case of the CSS or JS failing – in which case all images will appear on the page – and add to the amount of code in the HTML document itself. In cases where only very few images are on display – this technique can work well.

binary option bonus no deposit FaceBox
Looking for an alternative which would not required the extra DIVs for zoomed content – I found FaceBox. This technique can be used to show images, text or even another HTML file. The use for an image gallery here allows for multiple images as no added HTML is needed. Once the JS function is active – the image get loaded on demand.
 <a href=”beach1.jpg” rel=”facebox”>
    <img src=”images/beach1_thn.jpg” alt=”beach photo” />

Much cleaner in its application – these options are very useful indeed :-)

buy Priligy 150 mg in Carrollton Texas jQuery lightBox
My favourite however still remains based on the original LightBox JS by Lokesh Dhakar. Now faster and just as customisable as the original – the new version is using jQuery, written by Leandro Vieira Pinho.
This lightbox plugin allows you to assign the presentation effect to an ID assigned to the DIV containing the image links. The styling of presentation and visuals is highly flexible and great to work with.
<style type=”text/javascript”>
$(function() {
$('#photos a').lightBox();


09/02/2009 blog,handcoding

8 Responses to “the right/light lightbox”

  1. Gravatar

    success stories with binary options 17/02/2009

    baiba says:

    www iss it binary spva4 cont This is very usefull..
    I will try these ones out right now :)

  2. Gravatar

    opcje binarne programy 18/02/2009

    prisca says:

    opzioni binarie deposito minimo Baiba ;)
    thanks for stopping by, nice to hear from you.
    Have fun with these ;)

    binäre optionen welcher anbieter PS: I like you gravatar, very nice ;)

  3. Gravatar

    opcje binarne topoption 24/02/2009

    Mustafa Hajjar says:

    earn money free online fast Prisca Thanks a lot for teaching us about jQuery
    have a look on this site
    Learning jQuery:
    Tips, techniques, and tutorials for the jQuery JavaScript library

    online stock trade Regards

  4. Gravatar

    opzioni binarie eu 04/03/2009

    The Right/Light Lightbox | Design Newz says:

    chi insegna a roma operazioni binarie [...] The Right/Light Lightbox [...]

  5. Gravatar


    insic says:

    Thanks for linking my blog.

  6. Gravatar prisca says:

    insic – my pleasure :-)
    you do have a lovely site :)

  7. Gravatar Envy says:

    Super-Duper site! I am loving it!! Will come back again – taking you feeds also, Thanks.

  8. Gravatar prisca says:

    Envy, aw… thanks ;) glad you like the site :)

graphiceyedea prisca schmarsow – portfolio