sâmbătă, 26 mai 2012

Show large image like thumbnails in firefox using greasemonkey

Today I focused on a problem you often encounter.

We have a web folder containing a series of large image files. We want to see the folder that contains but would be difficult to download all the images and then view them search to find a picture of us.

I installed Greasemonkey addon and I began to study how it works.

I don't have experience with javascript programming.

I still managed to make the script below:

// ==UserScript==
// @name        show-image
// @namespace   show-image
// @description show images from files
// @include     http://*
// @version     0.1
// ==/UserScript==
var elements = document.getElementsByTagName("a");
  for (var i=0; (anchor=elements[i]); i++) {
   src = anchor.getAttribute("href");
  if (src.indexOf('.gif') > -1 || src.indexOf('.jpg') > -1 || src.indexOf('.JPG') > -1 || src.indexOf('.jpeg') > -1)
  {
    img = document.createElement('img');
    img.setAttribute('src',src);
    img.style.width='10%';
    anchor.appendChild(img);
   }
  }

You can add to show the png file by adding in the if condition in the script :

src.indexOf('.png') > -1 || src.indexOf('.PNG') > -1

I hope to help you.

Niciun comentariu:

Trimiteți un comentariu