Jump to content


Photo
- - - - -

JQuery animation in header image


  • Please log in to reply
3 replies to this topic

#1 dugoni

dugoni

    Advanced Member

  • Members
  • 58 posts
  • Country: Country Flag

Posted 05 September 2012 - 05:29 PM

Hi, we're planning to use PageLines to develop a campaign website (it's not even begun yet, so disregard URL). One idea we had is to animate the campaign logo in the banner image, and i was thinking we would use JQuery and CSS to layer the animated logo over the regular (static) logo in the banner. Has anybody else tried doing something similar? Where would you recommend sticking the code? Thanks all!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 September 2012 - 05:39 PM

How are you generating the animated logo? Is it a Flash object?

#3 dugoni

dugoni

    Advanced Member

  • Members
  • 58 posts
  • Country: Country Flag

Posted 05 September 2012 - 06:57 PM

Nope, not Flash. JQuery animate.

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 05 September 2012 - 09:41 PM

If you have a URL for the animation, you might be able to paste it into the normal Branding logo location. If it needs a custom link to jQuery, add that to Dashboard > PageLines > Site Options > CSS Code > Header Scripts (which is for scripts and links to scripts only). Should that not work, then you can add a sidebar in place of Branding via Drag & Drop and implement the animation via a text widget in that sidebar.