WordPress.org

Ready to get started?Download WordPress

Forums

Flickr.com layout without flickr (10 posts)

  1. Niemi
    Member
    Posted 7 years ago #

    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?

  2. koeln
    Member
    Posted 7 years ago #

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

  3. Niemi
    Member
    Posted 7 years ago #

    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.

  4. Medizinische Abkuerzungen
    Member
    Posted 7 years ago #

    You want to use your own pictures?

  5. Niemi
    Member
    Posted 7 years ago #

    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.

  6. Niemi
    Member
    Posted 7 years ago #

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

  7. Samuel B
    moderator
    Posted 7 years ago #

    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.

  8. Niemi
    Member
    Posted 7 years ago #

    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;
    }

  9. Medizinische Abkuerzungen
    Member
    Posted 7 years ago #

    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">

  10. Niemi
    Member
    Posted 7 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.