jquery - javascript 4 buttons, 2 work -
i have 4 image tags id
's of:
picture_off
picture_on
go_forward
go_backward
picture_off
, picture_on
when clicked work. however, go_forward
supposed to, when clicked, make div containing text id="pageonetext"
disappear. not work.
$(document).ready(function () { $("#picture_off").click(function () { $("#minecraftvideo").animate({ opacity: '1.0' }); $("#floating_island").animate({opacity: '0'}); $("#picture_on").animate({opacity: '1'}); $("#picture_off").animate({opacity: '0'}); $("#attribute1").animate({opacity: '0'}); $("#attribute2").animate({opacity: '1'}); }); }); $(document).ready(function () { $("#picture_on").click(function () { $("#minecraftvideo").animate({ opacity: '0' }); $("#floating_island").animate({opacity: '1'}); $("#picture_off").animate({opacity: '1'}); $("#picture_on").animate({opacity: '0'}); $("#attribute1").animate({opacity: '1'}); $("#attribute2").animate({opacity: '0'}); }); }); $(document).ready(function () { $("#go_forward").click(function () { $("#pageonetext").animate({ opacity: '0.0' }); $("#go_forward").animate({opacity: '0'}); $("#go_backward").animate({opacity: '1'}); }); });
chaps, thank you. problem solved. apparently wasn't javascript error.
what had done used css overlap 2 images exact dimensions. moved x value of 1 of them 40px , huzzah! worked fine.
thank , suggestions.
Comments
Post a Comment