This content has been marked as final. Show 5 replies
Difficult to tell without studying the html. But I think Marketo generated <Div> tags which encapsulate the html boxes might be one of the issues you might be having.
Well, I've pulled it out into a tester landing page. I've tried multiple variations of putting in or taking out the HTML, CSS, and jQuery out of the template. What has worked best is only having the HTML in the template and then putting the CSS and HTML in 'html' boxes on the actual tester landing page.
I'm thinking it has something to do with the jQuery conflicting. My understanding of jQuery isn't good enough to figure out what the actual problem is. I see in the template that theoretically the LP should be able to support the JQ, but I don't think I'm writing it correctly, or putting it in the right spot...something!
If I remove the CSS box, all of the images show up unstacked. Only removing the jQuery does nothing. If you'd care to take a look, the landing page is: http://pages.hatchearlylearning.com/slider-test.html
The slider I am trying to emulate is this: http://marktyrrell.com/labs/blueberry/
I have gotten a CSS carrousel to work seamlessly, but I'd really like the auto play functionality of a traditional jQuery slider.
Hi Rachel--I took a quick look at the code on your page. I think you need to make sure that the jQuery for your carousel is formatted in no conflict mode (http://api.jquery.com/jquery.noconflict/). Otherwise it won't work in Marketo.
Awesome! Thanks! I know just enough jQuery to have an idea of what I'm looking at, but not enought to write it or figure out what might be wrong. I appreciate the help!
Ok, so I tried it with a couple different types of No Conflict...no luck. The basic No Conflict was already built into the blank Marketo template. Not sure if I'm just not putting it in the right place or what. I think we're going to stick with a CSS slider for now, but I'll continue to play with it. Thanks for the help!