help changing the center point of images
25 views
Skip to first unread message
michaelmc
Apr 27, 2010, 4:44:55 PM4/27/10
to fancybox
Hello, I need to position the fancybox images, the default is that the
script takes the center of the screen .. but I need the center of the
images to be top:150px; and left 500px; can anyone tell me how to
change this
the sample url is http://glassbuildingphotos.com/eswindows/p/morrosvitri
when I click on the thumbnails the appear on the center of the screen
instead of the center of the site
appreciate all the help anyone can give me
Regards
Michael
--
You received this message because you are subscribed to the Google Groups "fancybox" group.
To post to this group, send email to fanc...@googlegroups.com.
To unsubscribe from this group, send email to fancybox+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/fancybox?hl=en.
script takes the center of the screen .. but I need the center of the
images to be top:150px; and left 500px; can anyone tell me how to
change this
the sample url is http://glassbuildingphotos.com/eswindows/p/morrosvitri
when I click on the thumbnails the appear on the center of the screen
instead of the center of the site
appreciate all the help anyone can give me
Regards
Michael
--
You received this message because you are subscribed to the Google Groups "fancybox" group.
To post to this group, send email to fanc...@googlegroups.com.
To unsubscribe from this group, send email to fancybox+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/fancybox?hl=en.
JFK
Apr 27, 2010, 5:47:38 PM4/27/10
to fancybox
not sure I understood what you mean with "the center of the
site" ...anyways, try:
AFTER you link to fancybox's css file add this inline css in your
<head> section
<style type="text/css">
div#fancybox-wrap {
top:150px !important;
left:500px !important;
}
</style>
NOTE: it will affect to all your boxes though
On Apr 27, 9:44 am, michaelmc <i...@maksuco.com> wrote:
> Hello, I need to position the fancybox images, the default is that the
> script takes the center of the screen .. but I need the center of the
> images to be top:150px; and left 500px; can anyone tell me how to
> change this
>
> the sample url ishttp://glassbuildingphotos.com/eswindows/p/morrosvitri
site" ...anyways, try:
AFTER you link to fancybox's css file add this inline css in your
<head> section
<style type="text/css">
div#fancybox-wrap {
top:150px !important;
left:500px !important;
}
</style>
NOTE: it will affect to all your boxes though
On Apr 27, 9:44 am, michaelmc <i...@maksuco.com> wrote:
> Hello, I need to position the fancybox images, the default is that the
> script takes the center of the screen .. but I need the center of the
> images to be top:150px; and left 500px; can anyone tell me how to
> change this
>
michaelmc
Apr 27, 2010, 8:28:27 PM4/27/10
to fancybox
Thank you for your fast response JFK, I tried your code before but it
changes the left margin where the image starts and not the center
point so both tall and wide images center in the same spot
please see http://glassbuildingphotos.com/eswindows/p/morrosvitri
we're you can try the little thumbnails on the top-right of the big
image, they pull a fancybox of an horizontal and a vertical image, I
wish I could center them on top of the big image behind
appreciate any ideas
Thanks a lot JFK
changes the left margin where the image starts and not the center
point so both tall and wide images center in the same spot
please see http://glassbuildingphotos.com/eswindows/p/morrosvitri
we're you can try the little thumbnails on the top-right of the big
image, they pull a fancybox of an horizontal and a vertical image, I
wish I could center them on top of the big image behind
appreciate any ideas
Thanks a lot JFK
Corey Carpenter
Apr 27, 2010, 10:22:43 PM4/27/10
to fancybox
looks like you might be using align center in the body? never a good
idea :) if not in the body, somewhere else in a bad place.
Good Luck
On Apr 27, 8:28 pm, michaelmc <i...@maksuco.com> wrote:
> Thank you for your fast response JFK, I tried your code before but it
> changes the left margin where the image starts and not the center
> point so both tall and wide images center in the same spot
>
> please seehttp://glassbuildingphotos.com/eswindows/p/morrosvitri
idea :) if not in the body, somewhere else in a bad place.
Good Luck
On Apr 27, 8:28 pm, michaelmc <i...@maksuco.com> wrote:
> Thank you for your fast response JFK, I tried your code before but it
> changes the left margin where the image starts and not the center
> point so both tall and wide images center in the same spot
>
michaelmc
Apr 28, 2010, 3:09:33 PM4/28/10
to fancybox
Hello, nope I never added any align center attributes, by default
fancybox locates the images in the center of the screen, but since the
site design is only 1000px wide and align to the left, in most screens
with a resolution higher than 1000px wide the facybox images appear
off the site design, instead of on top
So it doesn't look very good with the design in one side and the
facybox images on another, so I'm trying to change the center point of
fb to the middle of the current design, so images could appear on top
and alight no matter if the image is vertical or horizontal
appreciate any help you can give me
please please
fancybox locates the images in the center of the screen, but since the
site design is only 1000px wide and align to the left, in most screens
with a resolution higher than 1000px wide the facybox images appear
off the site design, instead of on top
So it doesn't look very good with the design in one side and the
facybox images on another, so I'm trying to change the center point of
fb to the middle of the current design, so images could appear on top
and alight no matter if the image is vertical or horizontal
appreciate any help you can give me
please please
Reply all
Reply to author
Forward
0 new messages