Title: Flickr.com layout without flickr
Last modified: August 18, 2016

---

# Flickr.com layout without flickr

 *  [niemi](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/)
 * I’m using this javascript to display the small images on top of my page: [http://www.kreativpotens.dk](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&gt](http://www.flickr.com/badge_code_v2.gne?count=6&display=random&size=s&layout=h&source=user&user=25581324%40N00″></script&gt);
 * 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](https://wordpress.org/support/users/koeln/)
 * (@koeln)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479671)
 * I think it is a copyright issue. I do not think that flickr allows something 
   like that.
 *  Thread Starter [niemi](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479698)
 * 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.
 *  [Medizinische Abkuerzungen](https://wordpress.org/support/users/stefansuedfeld/)
 * (@stefansuedfeld)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479701)
 * You want to use your own pictures?
 *  Thread Starter [niemi](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479705)
 * 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”&gt](http://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](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479707)
 * You should be able to see quite an difference between the first three images 
   and the next ones that uses the javascript.
 *  [Samuel B](https://wordpress.org/support/users/samboll/)
 * (@samboll)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479714)
 * 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](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479721)
 * Okay let me put it the easy way. PLEASE look at my page [http://www.kreativpotens.dk](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; }
 *  [Medizinische Abkuerzungen](https://wordpress.org/support/users/stefansuedfeld/)
 * (@stefansuedfeld)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479911)
 * 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](https://wordpress.org/support/users/niemi/)
 * (@niemi)
 * [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479918)
 * 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.

 * 9 replies
 * 4 participants
 * Last reply from: [niemi](https://wordpress.org/support/users/niemi/)
 * Last activity: [19 years, 6 months ago](https://wordpress.org/support/topic/flickrcom-layout-without-flickr/#post-479918)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics