CSS3 transitions not working in FF?

[nolwells]

trying to move a background image via CSS3 transitions and waypoints but can’t get it to work with ff (most recent version) – safari and chrome are fine. any thoughts/ideas?

you can see what i’m trying to do under the “process” section of http://www.rydawell.com. again, chrome and safari are ok but not ff.

thanks!

mv css:

background-image: url(../images/process-05.png);
background-repeat: no-repeat;
background-position: 34px 22px;
height: 200px;
width: 600px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
;

my js:

$(document).ready(function() {

$(‘#circleone’).click(function() {
event.preventDefault();
$(‘#processcircles’).css(‘background-position-x’,’34px’);
$(‘.type’).text (“PLAN: Pleased to meet you and thank you for choosing Rydawell Woodworks! Let’s talk details and options about what you’re looking for.”);

});

$(‘#circletwo’).click(function() {
event.preventDefault();
$(‘#processcircles’).css(‘background-position-x’,’168px’);
$(‘.type’).text (“DESIGN: Measure and sketch out every detail to give you a clear idea where the final result is headed. Design emphasis is given to clean, minimalist lines and quality materials.”);

});

$(‘#circlethree’).click(function() {
event.preventDefault();
$(‘#processcircles’).css(‘background-position-x’,’302px’);
$(‘.type’).text (“BUILD: Finally time to get into the shop and begin the process of building your custom piece. We’ll cut, plane, join, and sand until everything is just right.”);

});

$(‘#circlefour’).click(function() {
event.preventDefault();
$(‘#processcircles’).css(‘background-position-x’,’436px’);
$(‘.type’).text (“INSTALL: Hooray! Let’s get the piece into your home or business, make any final adjustments or tweaks, and make sure you’re happy with the result”);

});

});

[CameronDuthie]

I couldn’t begin to help with this one but in FF the console is kicking out the error,

> ReferenceError: event is not defined
event.preventDefault();

Hopefully someone will spot this at the top of the forum who has a better idea of a workaround.

Sorry i couldn’t be much help.

[Author]

Posts