Issues - jnunemaker/fancy-zoom

jnunemaker / fancy-zoom

102

375

Description:

Zoomy JavaScript based loosely on Fancy Zoom by Cabel Sasser.

Sort by: Priority | Votes | Last Updated

Loading…

1.

0 votes

Upgrade to latest Scriptaculous -- stops working.
0 comments Created 6 months ago by jasch

Title

Body
Works great with 1.8.1, as soon as you upgrade to 1.8.2 it stops working completely.
or cancel

Works great with 1.8.1, as soon as you upgrade to 1.8.2 it stops working completely.

Comments

Parsed with GitHub Flavored Markdown
2.

-2 votes

IE 6.0 compatibility
0 comments Created 5 months ago by munhitsu

Title

Body
Does it work with IE6?
or cancel

Does it work with IE6?

Comments

Parsed with GitHub Flavored Markdown
3.

0 votes

IE 8
0 comments Created 5 months ago by damiengarber

Title

Body
Love this script but it crashes IE 8 for me. Anyone having similar issues?
or cancel

Love this script but it crashes IE 8 for me. Anyone having similar issues?

Comments

Parsed with GitHub Flavored Markdown
4.

0 votes

Javascript fallback
1 comment Created 3 months ago by gravis

Title

Body
Hi, I'm using fancy zoom on a list of items. Therefore, an item box also contains a large image of the item. Unfortunately, sometimes the page is a little slow to load, and all large pictures are displayed (<1s of course, but still visible). If I add a "display:none" to large pics (or surrounding divs), the zoom popup gets moved to the right of the page. I'd also like to have a nice page when javascript is disabled (we never know), so I need this display:none option :( Any idea to to fix this issue ? Thanks !
or cancel
Hi,

I'm using fancy zoom on a list of items. Therefore, an item box also contains a large image of the item. Unfortunately, sometimes the page is a little slow to load, and all large pictures are displayed ( I'd also like to have a nice page when javascript is disabled (we never know), so I need this display:none option :(
Any idea to to fix this issue ?
Thanks !

Comments
gravis Wed Aug 19 02:13:56 -0700 2009 | link
Ok, to myself :

The item is surrounded with a .zoom div class.
Add this to screen.sass (we're using sass of course, aren't you?) :
.zoom

:display none

In application.js :

$('.zoom').show(); $('.zoomable').fancyZoom({closeOnClick: true});

If javascript is disabled, the large images are not displayed (have to click on item, sounds ok). If enabled, items are displayed then instantly hidden by fancyzoom, not depending on the loading time.

Maybe this should go in the wiki ?

thanks for the lib, I love it !
Comment
Ok, to myself : The item is surrounded with a .zoom div class. Add this to screen.sass (we're using sass of course, aren't you?) : .zoom :display none In application.js : $('.zoom').show(); $('.zoomable').fancyZoom({closeOnClick: true}); If javascript is disabled, the large images are not displayed (have to click on item, sounds ok). If enabled, items are displayed then instantly hidden by fancyzoom, not depending on the loading time. Maybe this should go in the wiki ? thanks for the lib, I love it !
or cancel
Parsed with GitHub Flavored Markdown
5.

0 votes

Conflicts with OOCSS
0 comments Created about 1 month ago by emson

Title

Body
Really like your fancyzoom have been using it for a while. I have also just started Object Oriented CSS (OOCSS) but found that some of the class names conflicted. I fixed it by changing by prefixing the names for classes like tl, tr, br, bl, etc. with fz. Such that fztl, fztr, fzbr, fzbl. Just thought I would let you know. Thanks and keep up the good work.
or cancel

Really like your fancyzoom have been using it for a while. I have also just started Object Oriented CSS (OOCSS) but found that some of the class names conflicted.

I fixed it by changing by prefixing the names for classes like tl, tr, br, bl, etc. with fz. Such that
fztl, fztr, fzbr, fzbl. Just thought I would let you know.

Thanks and keep up the good work.

Comments

Parsed with GitHub Flavored Markdown

Labels

Upgrade to latest Scriptaculous -- stops working.

Comments

IE 6.0 compatibility

Comments

IE 8

Comments

Javascript fallback

Comments

Conflicts with OOCSS

Comments