RSS Feed

Scrolling Photo-Log

2004/11/22 by Rolando Garza

Well, I’ve been asked by a few people about managing to have a scrolling Photo-Log, like on my sidebar. So… I decided to make a tutorial for you people.

First things first. You need to register at Flickr.com
And now, follow this brief tutorial to get a scrolling Photo-Log.

logged in
1. Make sure you are logged in.

go to your photo stream
2. After that, go to your Photo Stream.

get a badge
3. Then, look for this link, on the lower right-hand side of your Flickr sidebar. Click it.

configure it
4. Configure your Photo-Stream the way you like it.

get the code
5. Get the code

copy the code
6. Copy the code.

7. Then, you’ll have to do the following thing: You will need to wrap the code inside a div and a marquee tag:

<div style=”height: 300px; overflow: hidden;”><marquee direction=”up” scrollamount=”2″ scrolldelay=”25″ onmouseover=”this.stop();” onmouseout=”this.start();”>

<Your Flickr Code Goes Here>

</marquee></div>


2 Comments »

  1. Carrie says:

    Very cool!!

  2. Leon says:

    I saw your note in flickr forums about the scrolling photo-log. I found it after reading your first flickr post about blogging. I just edited the post I wrote yesterday about this entry and posted it.

    Nice job with the scrolling stuff. Yesterday loading was fast, but today was slower even with broadband. I guess that is the limit to adding fun stuff to a blog. Stop in at The Demo Blog and say hi in the guestbook if you want. If you write more tutorials let us know.

    cheers.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <del datetime=""> <em> <i> <img src="" alt="" title="" class="" height="" width=""> <ins datetime="" cite=""> <li> <ol> <strike> <strong> <sub> <sup> <ul>