SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Post How do i get this?

    Hi, can you help me please.I make a simple picture album,by using the table with 6 picture on it or blocks....now what i want is that when i am going to click one picture, i want that the picture that i click will zoom out and then the background will be grayed out...just like the facebook when we click one picture it will zoom out...is this possible to make..?can you help me please how can i achieve this.

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,055
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Do you mean using a Lightbox effect?
    http://lokeshdhakar.com/projects/lightbox2/

  3. #3
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    @Pullo, yeah something like Lightbox effect,but is this possible not to use lightbox?...how can i make my picture zoom when click and the background,will grayed out just like the lightbox example...how do i achieve this?...please guide me.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    That's exactly what the lightbox script does and is for.

  5. #5
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,055
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    As Ralph says, that's exactly what it's for.
    I'd suggest downloading the latest version, which includes a demo for you to play around with.

  6. #6
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    @Ralph @Pullo,Okay i will try to download...and i will try this...thank you again to you...

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,421
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    There are also any number of alternatives, if for some reason you don't like that one:

    http://planetozh.com/projects/lightbox-clones/

  8. #8
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi TechnoBear, Thank you for this alternatives...but i want to try code like this lightbox...my point is that i want only to make that when i clicked the picture it will zoom out and the background will gray out...I will do the css first and i will come back as soon as i can...thank you again.

  9. #9
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Oh,I have to go first to the javascript forum,to ask some help on how can i control the picture and let it zoom out.

  10. #10
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,which is better to use Table or Div for the container of picture in this kind of photo album?

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by jemz View Post
    Hi,which is better to use Table or Div for the container of picture in this kind of photo album?
    Look at the code that comes with the example files and use that. You shouldn't have to do much to make this work. Normally for a l=picture gallery it's best to use an unordered list. Don't use a table!

  12. #12
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,158
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Look at the code that comes with the example files and use that. You shouldn't have to do much to make this work. Normally for a l=picture gallery it's best to use an unordered list. Don't use a table!
    Hi, ralph...Thank you for the reply..yeah I looked at in the example light box and then they uses li element...thank you ralph.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •