Search the Community
Showing results for tags 'fadeIn'.
-
Hi there, I’m a newbie in coding HTML, CSS (very poor in JS) and I would like to make a responsive navbar like that: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp (here the code: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_topnav). My question is, when the navbar is in “responsive mode” and when clicking the menu button (right side in the example), is it possible to produce a "fade in/out" effects in order to display the menu items? Thank you in advance for your time and for any help you can provide. Sergio
- 2 replies
-
- navbar
- responsive
- (and 9 more)
-
Hello, I recently used this code that I got from a working fade in slider on the internet. The only thing I've changed are the images, the rest has stayed the same. When I load up the site in Safari it doesn't slide or fade, it just shows one image the entire time. What am I doing wrong? Heres the code I used from the internet HTML <div class="fadein"> <img src="http://farm9.staticflickr.com/8359/8450229021_9d660578b4_n.jpg"> <img src="http://farm9.staticflickr.com/8510/8452880627_0e673b24d8_n.jpg"> <img src="http://farm9.staticflickr.com/8108/8456552856_a843b7a5e1_n.jpg"> <img src="http://farm9.staticflickr.com/8230/8457936603_f2c8f48691_n.jpg"> <img src="http://farm9.staticflickr.com/8329/8447290659_02c4765928_n.jpg"></div> CSS .fadein { position:relative; height:320px; width:320px;}.fadein img { position:absolute; left:0; top:0;} JS $('.fadein img:gt(0)').hide();setInterval(function () { $('.fadein :first-child').fadeOut() .next('img') .fadeIn() .end() .appendTo('.fadein');}, 4000); // 4 seconds
- 4 replies
-
- javascript
- css
-
(and 3 more)
Tagged with:
-
Hi, I'm trying to replicate CSS3 transition effects for older versions of IE that don't support these transition effects. I'm trying to use the jQuery: $('#myelement').fadeIn(); However, I'm exceptionally bad at understanding Javascript and need some help making this code do what I want. What I want is when you hover over an image with the class "left1", I want it to grow to the specifications I have in my styelsheet for left1:hover. Of course, while transitioning. I already have the code exactly how I want it for CSS and HTML and already have jQuery linked up with my page. Now how do I integrate the code above for transitioning it? Thanks! P.S. I am aware that having the transition effects while trying to get the jQuery working can cause complications, so when I test it out I will/am removing the transition properties from the stylesheet.
- 3 replies
-
- jquery
- transition
-
(and 4 more)
Tagged with: