Support » Themes and Templates » Flickr.com layout without flickr

  • Niemi

    (@niemi)


    I’m using this javascript to display the small images on top of my page: http://www.kreativpotens.dk

    <script type=”text/javascript” src=”http://www.flickr.com/badge_code_v2.gne?count=6&display=random&size=s&layout=h&source=user&user=25581324%40N00″></script>

    The case is that I would like to keep the nice small image previews on top of my page, but without any linking to flick.com

    The only thing I need is the small images, they should not be links.

    How can I do this?

Viewing 9 replies - 1 through 9 (of 9 total)
  • koeln

    (@koeln)

    I think it is a copyright issue. I do not think that flickr allows something like that.

    Niemi

    (@niemi)

    You don’t understand my request.

    I want to have the same look as i have now, without using flickr. I don’t want to copy or use anything from flickr besides the way the javascript sets up the images.

    That can’t be copyright protected in any ways.

    You want to use your own pictures?

    Niemi

    (@niemi)

    Yes, thank you, actually it is ALREADY my own pics on flickr, but I don’t want to use their service!

    But if I just past in my images in the header like this <img src=”http://www.kreativpotens.dk/wp-content/images/1.jpg”> it doesn’t look the same as if i use the javascript pointing to flickr.

    Niemi

    (@niemi)

    You should be able to see quite an difference between the first three images and the next ones that uses the javascript.

    Samuel B

    (@samboll)

    Something like:

    <SCRIPT LANGUAGE = JAVASCRIPT>
    if (document.images)
    {
    img1 = new Image();
    img2 = new Image();
    img1.src = "imageName1.gif";
    img2.src = "imageName2.gif"
    }
    </SCRIPT>

    Adjust for number of images, etc.

    Niemi

    (@niemi)

    Okay let me put it the easy way. PLEASE look at my page http://www.kreativpotens.dk LOOK at the pictures to the right, you see them right? Okay. What can you tell me about them? Ahh opacity, AHH space between images. NICE. THAT i would like to apply to other images so i can delete the annoying flickr javascrípt totally.

    Just tell me how i can apply the following .css to my images.

    #flickr {
    text-align: center;
    padding-top: 5px;
    padding-left: 8%;
    margin-bottom: 7px;
    float: left;
    width: 90%;
    height: 100px;
    }
    #flickr a {
    margin: 0 auto;
    background: #33312E;
    }
    .flickr_badge_image a:active, .flickr_badge_image a:hover {
    opacity: .99999;
    -moz-opacity: .99999;
    }
    .flickr_badge_image {
    background: #33312E;
    background-color: #000;
    margin: 0 5px 0 5px;
    }
    .flickr_badge_image a {
    float: left;
    margin-left: 3px;
    border: 3px white double;
    opacity: .2;
    -moz-opacity: 0.2;
    }
    #flickr tr td {
    padding-top: 10px;
    background: #fff;
    float: center;
    }

    Applying:
    <img src=”…” class=”flickr_badge_image” id=”flickr”>

    class uses thes styles with #
    id the styles with a leading .

    My opinion: extract the stlyes you want and add them as a single.
    #my_foto_styles {…}
    <img src=”…” class=”my_foto_styles”>

    Niemi

    (@niemi)

    Hi Stefan.

    I have tried your <img src=”…” class=”flickr_badge_image” id=”flickr”>

    But then the image doesn’t show up. If i remove the id=”flickr” like this <img src=”…” class=”flickr_badge_image”> then it shows up, but the class doesn’t have any effect.

    It’s just a boring image without any opacity change or any border or any spaces between the images i insert.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Flickr.com layout without flickr’ is closed to new replies.