Forums

[resolved] Crossfading header images (6 posts)

  1. computerslayer
    Member
    Posted 4 years ago #

    I found a great script (xfade2.js) for putting in crossfading header images into my blog. However, I am a recent convert to WordPress from blogger and am finding that any attempt to put this into action completely messes up my theme ("Disciple" theme).

    You can see an example of the crossfade (poorly executed) at my blogger blog: 21st Century Catholic.

    I have no idea how to implement this in WordPress. Has anyone done this before and can you point me in the right direction to this myself?

    Respectfully,
    Deacon Jacob

  2. Alex Cragg
    Member
    Posted 4 years ago #

    Check out my tutorial, it users a different script, but it works well. See the comments for the issues it has, but in general it runs smoothly.

    http://epicalex.com/creating-dynamic-crossfading-recent-posts/

    Leave a comment if you need any further help

  3. computerslayer
    Member
    Posted 4 years ago #

    This looks like its designed for use in posts - how does it work in the header itself - and to rotate images within it?

  4. Alex Cragg
    Member
    Posted 4 years ago #

    It's designed to be used on a front/home page that then acts as a showcase of posts, but essentially can be placed anywhere on your site by editing the right file.

    When you said implement this in WordPress, I assumed you meant using some of the features of WordPress such as dynamic posts, custom fields or the like, hence why I gave the link to my tutorial.

    Just getting a rotating set of images isn't WordPress based unless you use some of WordPress' stuff, it's just a script rotating images...like the script that I linked to to use in my tutorial.

    What are the images you are wanting to rotate? Are they pulled from a changing set of posts? Or are they just in a folder on the server, static so to speak?

    Alex

  5. computerslayer
    Member
    Posted 4 years ago #

    Epicalex,

    I'm sorry for the late reply. I ended up sticking with a basic rotating script (as you mentioned).

    The original idea was to have several layers of images in one spot, with one of those layers rotating through a folder of images on the server. Ideally (at the time), the images would have been crossfading in and out.

    Practically, this is an eyesore & a distraction on the page, so I've stuck with a Daniel Benjamin's Random Image Rotation script.

    I'm sorry for the problems with my vocabulary regarding WordPress. I'm certainly no expert in one week, but when I first posted I was feeling amazingly overwhelmed by the challenge of customizing my own WordPress blog. Thanks for trying to help me out - and for putting your work online for others to use for their own sites.

    Respectfully,
    Deacon Jacob

  6. Alex Cragg
    Member
    Posted 4 years ago #

    Sorry if you took my words as biting, its hard to portray tone in text!

    Glad you got it sorted, and hope you enjoy using WordPress more in the future! Having only been using it for a few weeks and still be making changes like you wanted is pretty cool!

    Alex

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.