javascript - Changing the background-image -
could tell me have change here able change background-image
via javascript?
$(document).ready(function(){ $('p').css('background-image', 'url("misc/bilder/2.png")'); });
.p { height: 100%; width: 100%; position: relative; padding: 25%; background-size: cover; background-attachment: fixed; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background-image: url("misc/bilder/1.png"); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p> text </p>
thanks!
in css you're referencing .p class in javascript you're referencing p element. might help:
$(document).ready(function(){ $('.p').css('background-image', 'url("misc/bilder/2.png")'); });
updated: question updated after answer. remove . .p in css. so:
css:
p { //some css }
javascript:
$(document).ready(function(){ $('p').css('background-image', 'url("misc/bilder/2.png")'); });
html:
<p> text </p>
Comments
Post a Comment