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.

    Thread Starter 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?

    Thread Starter 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=”https://www.kreativpotens.dk/wp-content/images/1.jpg”&gt; it doesn’t look the same as if i use the javascript pointing to flickr.

    Thread Starter 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.

    Thread Starter niemi

    (@niemi)

    Okay let me put it the easy way. PLEASE look at my page https://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”>

    Thread Starter 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.