Adding a “background-image” change to existing jquery css change afterwards



I have a link which has...


a#popup { background:url(../popupopen.jpg) center right no-repeat #fff;

which toggles a menu position using...


jQuery(document).ready(function(){
jQuery('a#popup').toggle(function () {
jQuery("#wps-sidebar").css({left: "30px"});
}, function () {
jQuery("#wps-sidebar").css({left: "-240px"});
});
});

& I'm trying to add a simple background image change to the end of each, so that when it opens the background image changes to use popupclose.jpg (after the menu position toggle), & obviously back to popupopen.jpg once i


Related to : Adding a “background-image” change to existing jquery css change afterwards
IE Background Image Stutter on jQuery CSS change
Programming Languages

I am changing the background image of a div like so:
$(div).css({ 'background': 'url(img/' + image + ')' });


This works seamlessly in Chrome, Firefox etc, but in IE it has a slight stutter/flicker which doesn't give the same effect. I tried applying the following script but didn't help: http://snipplr.com/view/19088/


jquery onclick change css background image
Programming Languages

am using this code to get menu tab.when i mouseover on the tab the tab image will change, similarly i want to change the image of tab onlick using jquery.i used the below code to do this but i was not able to get it.how can i do this.


<html>
<head>
<title>Css Menu</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
.home {
background: url("images/tab2.png") repeat scroll 0 0 transparent;
border-radius: 4px 4px 0 0;
height: 75px;
left: 54px;
position: relative;
top: 25px;
How to change background-image css property w/jquery
Programming Languages

How can I set the background-image css property of say a div using jquery? will something like this work?


$("#div").css("backgroundImage", "url('test.jpg')");

How to change CSS (background-image) from JQuery in Rails?
Programming Languages

I am trying to change the background image in the body tag in my Rails app. I have tried it from items.js.coffee (I have table called items) and from application.js. I cant make it work from either.


I have tried to change the background color, and thats working from application.js but not from items.js.coffee.


So my question is: How can I change the background image and must all changes in CSS be done from application.js?


items.js.coffee:


$ ->
$(document).ready ->
if something
$("body").css "background-image", "url(rails.png)"


Adding a “background-image” change to existing jquery css change afterwards
Programming Languages

I have a link which has...


a#popup { background:url(../popupopen.jpg) center right no-repeat #fff;

which toggles a menu position using...


jQuery(document).ready(function(){
jQuery('a#popup').toggle(function () {
jQuery("#wps-sidebar").css({left: "30px"});
}, function () {
jQuery("#wps-sidebar").css({left: "-240px"});
});
});

& I'm trying to add a simple background image change to the end of each, so that when it opens the background image changes to use popupclose.jpg (after the menu position toggle), & obviously back to popupopen.jpg once i

Change CSS background-image with different intervals via jQuery
Programming Languages

I'm trying to change the background of a div via jQuery with a different delay between the images. So far I've got this:


$(document).ready(function() {
$("#Top").delay(10000).queue(function(){
$(this).css({"background-image":"url(img/Top_Green.jpg)"});
});
});

Which works just fine, but what I really want is this:


Original Background
delay
Background 2
short delay
Background 3
delay

And then loop those steps. I've seen different ways to do it, but there was always 1 set interval. I've been playing around with the code u


Privacy Policy - Copyrights Notice - Feedback - Report Violation - RSS 2017 © bighow.org All Rights Reserved .