last day (15 days later) » 

6:15 PM
1
A: Hide/Unhide an image using jquery on hover

AllanMy way :p a[class="mylink"]:not(:hover) img[class*="greyscale"], a[class="mylink"]:hover img[class*="color"] { display: inline-block; } a[class="mylink"]:not(:hover) img[class*="color"], a[class="mylink"]:hover img[class*="greyscale"] { display: none; } Here is a demo JSFiddle http://...

 
@espascarello haven't u ever hear about this type of classes?
 
@Allan The answer works but I'm using the bootstap and when implementing this for some very odd reason the first image hides and the second one jumps and displays in another location!
 
I don't know why people are using that Bootstap or what ever, it limits the user so much and you need to play with their rules. it's much better to use the real thing. Well That's what I like to think.
Why do you need to use Bootstap or whatever?
Try using the demo from my second JSFiddle link
 
@Allan I used that one, it is not working :( I love the puppies by the way ;)
 
post a JSfiddle with your code and let see whats happening in there :p, and yes, PUPPIES!
 
6:15 PM
My website is based on bootstrap, does JSFiddle support it?
 
@Vahid, share your website then I will use google chrome's Inspector
 
@Allan I think one reason may be that you have used translates and absolute positions in your css. That's interfering with bootsrap's responsiveness and thus the odd behavior.
@Allan It is still on my hard drive :p
 
@Vahid, well, if you dont mind sharing your code via link/zip or something I think I iwll be able to help you
YO, IM here
 
Hi, thanks for the help. I'm uploading the file
 
okok
 
6:19 PM
262
Q: Transitions on the display: property

RichardTapeI'm currently designing a kind of CSS 'mega dropdown' menu - basically a normal CSS-only dropdown menu, but one that contains different types of content. My question is more of a 'can you think of a way around this problem' sort of thing. At the moment, it appears that CSS3 Transitions don't app...

 
In my latest JSFiddle, I took out the x positioning and just used opacity
 
I just found this, is it related to my question? I'm really new to css/jquery
262
Q: Transitions on the display: property

RichardTapeI'm currently designing a kind of CSS 'mega dropdown' menu - basically a normal CSS-only dropdown menu, but one that contains different types of content. My question is more of a 'can you think of a way around this problem' sort of thing. At the moment, it appears that CSS3 Transitions don't app...

 
well, first we need to find out what he is trying to do and which is his problem, so it could or not be related with ur actual issue
lets try to focus on urs first
 
sure, here is the file
It is my first try of a website :p
 
which is the image width and height!
 
6:28 PM
The images don't have width and height, they are responsive in bootstrap
 
oh ok
use this...
a[class="mylink"] {
text-decoration: none;
outline: rgba(0,0,0,.3) dashed 1px;
overflow: hidden;
position: relative;
width: 16.7%;
height: 120px;
display: inline-block;
margin: 0px -2px;
}
a[class="mylink"] img {
width: 100%;
height: inherit;
position: absolute;
top: 0px;
left: 0px;
}


a[class="mylink"]:not(:hover) img[class*="greyscale"],
a[class="mylink"]:hover img[class*="color"] {
opacity: 1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
tell me if that is what you are looking for or if we are getting close
 
Some of the code didn't load
 
let me put it into a fiddle
 
Oh ok thank you very much
 
just the css
 
6:39 PM
The two images next to other are fading at the same time.
Did you notice that too?
 
oh yea
do you want the fade in to occurs just only on hover?
if that is the casem just take the transition out of the not hover option
 
I want the greyscale image to fade out and the color image to fade in on hover.
When I unhover I want it to reverse.
 
right now is doing that, but if you move from one image to another, well, the effect will happens almost at the same time
you know what I mean?
 
I'm confused can you send me the corrected file?
It is not working that wat on my side
*way
 
just a moment
 
6:49 PM
I'm very confused. At the time I asked the question, the css solution without fading worked very well. Now I can't event get that to work!
 
just the css file
 
I wish you could send me the whole website
I can't get it to work on my side
 
let me do that
complete site
 
Thanks
 
there is another trick I could play with
just a moment
 
6:56 PM
Thanks Alan, we are getting clode
*close
I really appreciate all the help
I'll be back in 10
 
ok
just to let you know, I think this css will be closer to what you are looking for...
here is a fiddle with just ur css content
 
7:15 PM
Sorry
I had to have dinner
It is because of the time differences between us :p
Thank you so much, it is working.
Thank you so much, it is working.
 
7:51 PM
ok
awesome
Im glad I was able to help you out, if you ned anything else just contact me
 

last day (15 days later) »