#1 2007-01-15 08:19:46
- gkatz
- New member
- Registered: 2007-01-15
- Posts: 6
problem with right side arrow image on IE7
hi all;
i think the right arrow image for IE7 is not as intended.
it looks like the arrow is doubled.
you can see this in the show case of the smooth gallery website for images with bright color (you cant see with dark colors)
thanks
Offline
#2 2007-01-15 08:29:30
- gkatz
- New member
- Registered: 2007-01-15
- Posts: 6
Re: problem with right side arrow image on IE7
hi;
also when hovering with the mouse over the arrow image, its opacity does not change.
i don't know if this has something to do with the transparent images and IE but i thought they solved it in IE7.
plus, what i meant in the previous thread of this post is that the tip of the arrow looks doubled. plus i think the finish of the image needs to be polished... (sorry for pointing these small things but i love this gallery and i want things to be as best as they can).
Offline
#3 2007-01-24 15:21:03
Re: problem with right side arrow image on IE7
Hello Guy,
Normally Firefox and IE 7 support PNG very well...
However for IE 6 I've set up special images as it doesn't support png for bckg image positioned as we want.
I should have done the same for IE 7 as it seems that while it handles png well for static items, it does not for items that are placed on changing items (here the gallery). Hence, it's strange behavior with the "doubled arrows".
The only fix I can propose (beside fixing the bug in IE 7, which won't happen, you know the guys at MS), is to just use some css hacks to ensure IE 7 uses the same arrows as IE 6.
Cheers,
Jonathan
Offline
#4 2007-01-25 00:07:49
- gkatz
- New member
- Registered: 2007-01-15
- Posts: 6
Re: problem with right side arrow image on IE7
Thanks;
Do you think you will provide a 1.0.2 with a fix for this? as millions of people moved to IE7 and Microsoft is pushing it through automatic updates...
I understood the approach for your proposed solution but i dont undertstand the point at which i should intervene. i see the CSS declarations for the gif (ie6) and the png (other) but i cant understand why the '* html .jdgallery a...' css celector works on ie6 only. is this a know css hack? is there another hack for ie7?
thanks in advance.
Offline
#5 2007-01-25 04:40:23
Re: problem with right side arrow image on IE7
Yeah there is another hack for IE 7 
I know it's not the good way to work. The good way would be using selective comments.
However, this technique requires additional markup on the web page, and I can't do that for a simple module like SmoothGallery.
The IE6 css hacks was this one:
* html .element
The IE7 one is this one:
*:first-child+html .element
(replace .element with whatever you want)
Offline
#6 2007-01-25 07:27:19
- gkatz
- New member
- Registered: 2007-01-15
- Posts: 6
Re: problem with right side arrow image on IE7
Great!
worked like a charm. Thanks for the help.
Offline
#7 2007-02-13 12:16:14
- rtimmermans
- New member
- Registered: 2007-02-13
- Posts: 1
Re: problem with right side arrow image on IE7
Hi,
I have almost the same problem.
In Firefox everything works fine. But in IE7 the arrows opacity doesn't change when I hover it. Also the initial opacity of the arrows is not the same as in Firefox?
www.eyecon.be/johanbaeten/index.php
www.eyecon.be/johanbaeten/css/jd.gallery.css
I've tried the *:first-child+html .element but it still doesn't work.
Even the packaged demo in the archive doesn't work in IE7.
Can anyone help me?
Thanx...
Offline
#8 2007-05-10 23:51:30
- PROKA
- New member
- Registered: 2007-04-18
- Posts: 6
Re: problem with right side arrow image on IE7
google "pngfix" think it'll resolve ur issues
Offline
#9 2007-07-06 09:47:31
- Barx
- New member
- Registered: 2007-05-25
- Posts: 3
Re: problem with right side arrow image on IE7
pngfix is for IE prior to 7.0
I tried studying the *:first-child+html .element hack but I can't understand how to apply.
Any hint?
thanks in advance
bye
Offline
#10 2007-07-18 09:26:03
- coralite
- New member
- Registered: 2007-07-18
- Posts: 1
Re: problem with right side arrow image on IE7
I am having a similar problem with IE also. in ie6 the arrows are stuck on minimum opacity and in IE7 they are stuck on maximum opacity. Either way, there is no discernible mouseover effect in IE. Like barx, i am not sure where to apply the "*:first-child+html .element hack". Any help would be greatly appreciated. Thanks
Offline
#11 2007-08-23 03:37:46
- suzmaj
- New member
- Registered: 2007-08-23
- Posts: 2
Re: problem with right side arrow image on IE7
replace this in your css ( last line )
* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
filter:alpha(opacity=80); }
with this
*:first-child+html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
filter:alpha(opacity=80); }
;-)
Offline
#12 2007-09-18 21:18:53
- mensaiq
- New member
- From: USA
- Registered: 2007-09-18
- Posts: 4
Re: problem with right side arrow image on IE7
Try adding these to your css:
Code:
*:first-child+html .slideInfoZone
{
bottom: -1px;
}
*:first-child+html .jdGallery a.right, *:first-child+html .jdGallery a.left
{
filter:alpha(opacity=20);
}
*:first-child+html .jdGallery a.right:hover, *:first-child+html .jdGallery a.left:hover
{
filter:alpha(opacity=80);
}
*:first-child+html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
*:first-child+html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
*:first-child+html a.open:hover { background: url('img/open.gif') no-repeat center center;
filter:alpha(opacity=80); }This appears to make IE7 work. I tested in IE7 and FF.
Offline
#13 2007-10-04 02:09:39
- manight
- Big chatter
- Registered: 2007-03-16
- Posts: 25
Re: problem with right side arrow image on IE7
Works like a charm for the "mousover" effect!
Thanks mate!
Offline