The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Lightbox Effect to Images

View previous topic View next topic Go down

In progress Lightbox Effect to Images

Post by J0k3R^ on 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^
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 on 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
ForumGuru

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

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by J0k3R^ on 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^
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 on 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
ForumGuru

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

Back to top Go down

In progress Re: Lightbox Effect to Images

Post by J0k3R^ on 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^
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 on 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
ForumGuru

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

Back to top Go down

View previous topic View next topic Back to top


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