asigning class after page load? with page attribute
Permalink
Hi All
Here is an interesting one for you all? My site dev.sportolutions.com, currently loads a background image based on a page attribute using the code below.
Now I have a HTML5 fade effect which using the js(jQuery i believe) file in theme I add to the wrapper class after the page is loaded I think! ( so it fades the picture) Not very good at js coding.
I would also like to add the background image div after load as well but am not sure if I can As it pulls a page attribute also?
current php page
Current Js file
Any Ideas? could thsi be done in jQuery
Appreciate any ideas
Carl
Here is an interesting one for you all? My site dev.sportolutions.com, currently loads a background image based on a page attribute using the code below.
Now I have a HTML5 fade effect which using the js(jQuery i believe) file in theme I add to the wrapper class after the page is loaded I think! ( so it fades the picture) Not very good at js coding.
I would also like to add the background image div after load as well but am not sure if I can As it pulls a page attribute also?
current php page
<div class="wrapper pageimage-<? Loader::model('collection_attributes'); $ak = CollectionAttributeKey::getByHandle('background_image'); $value = $c->getCollectionAttributeValue($ak); echo $value; ?> ">
Current Js file
$(document).ready( function () { $('.wrapper').addClass('fade-in two'); $(window).resize(); // To initially run the function: })
Any Ideas? could thsi be done in jQuery
Appreciate any ideas
Carl
