☰

iStock XL Comps

Get a full size comp from iStock to include it in your development work.

  1. // ==UserScript==
  2. // @name       		iStock XL Comps
  3. // @description  	Get a full size comp from iStock to include it in your development work.
  4. // @copyright  		2014, Giammarco Galletti (http://dotsqr.co)
  5. // @icon            http://i.imgur.com/5aXOn7y.png
  6. // @license         MIT License
  7. // @homepageURL     https://gist.github.com/gallettigr/8693df7ce9ed2da21415
  8. // @supportURL      http://dotsqr.co
  9. // @namespace       istock-xl-comps
  10. // @oujs:author     gallettigr
  11. // @version         0.1
  12. // @match           http://www.istockphoto.com/photo/*
  13. // @match           http://www.istockphoto.com/vector/*
  14. // @require    		http://code.jquery.com/jquery-latest.min.js
  15. // ==/UserScript==
  16.  
  17. jQuery.noConflict();
  18. jQuery(document).ready( function() {
  19.     var istockCompHTML = '<div id="istock-xl-comp"><p>Zoom the image to desired size. </p><a href="javascript:();">Grab Image</a></div>';
  20.     
  21.     var istockCompButtonLabel = {
  22.         'opacity' : '0',
  23.         'margin' : '15px 0 0',
  24.         'padding' : '10px 10px 12px',
  25.         'border' : '1px solid #ccd3d3',
  26.         'font' : '300 16px/33px "iStock Maquette", Arial, Tahoma, sans-serif',
  27.         'background' : '#f3f3f3',
  28.         'height' : '0',
  29.         'width' : '360px'
  30.     };
  31.     
  32.     var istockCompText = {
  33.         'float' : 'left',
  34.         'margin' : '0',
  35.         'font' : '300 14px/37px Arial, Tahoma, sans-serif'
  36.     }
  37.     
  38.     var istockCompButton = {
  39. 		'float' : 'right',
  40.         'width' : '125px',
  41.         'height' : '32px',
  42.         'margin' : '0',
  43. 		'background' : '#2a98ed',
  44.         'color' : '#fafafa',
  45.         'font-weight' : 'bold',
  46.         'text-align' : 'center',
  47.         'text-decoration' : 'none',
  48.         'border' : '1px solid #2473b0',
  49.         'border-radius' : '4px'
  50.     };
  51.     
  52.     var istockCompButtonHoverCSS = {
  53. 		'background' : '#268FE0'
  54.     };
  55.     
  56.     jQuery(istockCompHTML).appendTo('#file-preview').css(istockCompButtonLabel).not(':animated').animate({opacity: '1', height: '32px'}, 300);
  57.     jQuery("#istock-xl-comp > p").css(istockCompText);
  58.     jQuery("#istock-xl-comp > a").css(istockCompButton);
  59.     jQuery("#istock-xl-comp > a").hover( function() {
  60.         jQuery(this).css(istockCompButtonHoverCSS);
  61.     }, function() {
  62.         jQuery(this).css(istockCompButton);
  63.     });
  64.     
  65.     var iStockBaseURL = 'http://www.istockphoto.com';
  66.  
  67.     jQuery("#istock-xl-comp > a").on('click', function(){
  68.         if (jQuery('#ZoomDraggableDiv > div[id^="s"]:visible').size() > 0) {
  69. 			var generatedURL = jQuery('#ZoomDraggableDiv > div[id^="s"]:visible > div:first-child img').attr('src');
  70.             window.open(iStockBaseURL + generatedURL, '_blank');
  71.         }
  72.         else
  73.             alert('First click on the image to zoom and generate image size.');
  74.     });
  75.     
  76. });