The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Lightbox Effect to Images

2 posters

Go down

In progress Lightbox Effect to Images

Post by J0k3R^ April 21st 2013, 12:21 pm

i followed this guide
to make this effect at images in my forum but i want something else. with this effect when u press an image it goes in this lightbox, i just want to do it ONLY at images with a spesific size and more for example to images which have height 150px, width 150px and more. is that possible? thanks
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by Jophy April 21st 2013, 3:10 pm

Hello,

Well I'm not sure, in this part of the code(CSS), try adding the width and height element:
Code:
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  width: 150px;
  height: 150px;
}

or setting maximum image size:
Code:
a.fa_fancybox img {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  max-width: 150px;
  max-height: 150px;
}

Just give it a try. Wink
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by J0k3R^ April 21st 2013, 3:30 pm

well, i tried the first code, and all the images had this size (150px) Very Happy
i tried the second, and when i press the images to zoom, they all have max size 150px :/
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by Jophy April 21st 2013, 3:44 pm

Ok is that what you want?

Try this if not:
Code:
a.fa_fancybox img {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  min-width: 150px;
  min-height: 150px;
  max-width: 150px;
  max-height: 150px;
}
Make sure to remove the others first.
Don't know if that will work though Razz
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by J0k3R^ April 21st 2013, 3:51 pm

hmm, nothing :/
again the same with before.
what i want is, this code to show in the lightbox only images with height and width 150px and more. if an image is smaller then, it wont zoom and display the lightbox effect. i hope u understand now because my english is bad..
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by Jophy April 21st 2013, 4:36 pm

if an image is smaller then, it wont zoom and display the lightbox effect
Ok, I think this one would require Javascript/Jquery, let's wait for someone who has a solution for this. Wink

EDIT:
But for the first code I provided, did it re-size the images?
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum