<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" >

<channel>
	<title>ivg.name &#187; javascript</title>
	<atom:link href="http://ivg.name/category/it/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://ivg.name</link>
	<description>фотожурнал</description>
	<lastBuildDate>Tue, 31 Jan 2012 19:37:10 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Допиливаем thickbox</title>
		<link>http://ivg.name/2009/01/16/thickbox-download-button/</link>
		<comments>http://ivg.name/2009/01/16/thickbox-download-button/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 06:54:33 +0000</pubDate>
		<dc:creator>ivg</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://ivg.name/?p=264</guid>
		<description><![CDATA[<a href="http://ivg.name/2009/01/16/thickbox-download-button/"><img align="left" hspace="5" width="150" src="http://ivg.name/wp-content/gallery/pushok/thumbs/thumbs_p1150471.jpg" class="alignleft wp-post-image tfe" alt="p1150471.jpg" title="" /></a>WordPress по умолчанию показывает изображения с эффектом thickbox, это симпатично&#8230; [...]]]></description>
			<content:encoded><![CDATA[<p>WordPress по умолчанию показывает изображения с эффектом <a href="http://jquery.com/demo/thickbox/" target="_blank">thickbox</a>, это симпатично и удобно, но содержит примитивную защиту от утаскивания картинок &#8212; там просто нет ссылки для скачивания :) А я не против что бы кто нибудь это делал.</p>
<p>Решение простое&#8230;</p>
<p><span id="more-264"></span></p>
<p>Сам thickbox состоит из нескольких частей, но нас интересует только javascript который и рисует оконо просмотра. Он расположен в /wp-includes/js/thickbox и называется thickbox.js открываем его чем под руку попадется и ищем строку 129:</p>
<blockquote><p>jQuery(&#171;#TB_window&#187;).append(&#171;&lt;a href=&#187; id=&#8217;TB_ImageOff&#8217; title=&#8217;Close&#8217;&gt;&lt;img id=&#8217;TB_Image&#8217; src=&#8217;&#187;+url+&#187;&#8216; width=&#8217;&#187;+imageWidth+&#187;&#8216; height=&#8217;&#187;+imageHeight+&#187;&#8216; alt=&#8217;&#187;+caption+&#187;&#8216;/&gt;&lt;/a&gt;&#187; + &#171;&lt;div id=&#8217;TB_caption&#8217;&gt;&#187;+caption+&#187;&lt;div id=&#8217;TB_secondLine&#8217;&gt;&#187; + TB_imageCount + TB_PrevHTML + TB_NextHTML + &#171;&lt;/div&gt;&lt;/div&gt;&lt;div id=&#8217;TB_closeWindow&#8217;&gt;&lt;a href=&#8217;#&#8217; id=&#8217;TB_closeWindowButton&#8217; title=&#8217;Close&#8217;&gt;&lt;img src=&#8217;&#187; + tb_closeImage + &#171;&#8216; /&gt;&lt;/a&gt;&lt;/div&gt;&#187;);</p></blockquote>
<p>Тут можно заметить переменную +url+ которая и является прямой ссылкой на показываемое изображение. Немного поэкспериментировав я остановился на таком варианте ссылки:</p>
<blockquote><p>&lt;a href=&#187;+url+&#187; target=&#8217;_blank&#8217;&gt;Сохранить / Download&lt;/a&gt;</p></blockquote>
<p>Вставляем между двумя закрывающими дивами, перед блоком с кнопкой Close, получается так:</p>
<blockquote><p>jQuery(&#171;#TB_window&#187;).append(&#171;&lt;a href=&#187; id=&#8217;TB_ImageOff&#8217; title=&#8217;Close&#8217;&gt;&lt;img id=&#8217;TB_Image&#8217; src=&#187;+url+&#187; width=&#8217;&#187;+imageWidth+&#187;&#8216; height=&#8217;&#187;+imageHeight+&#187;&#8216; alt=&#8217;&#187;+caption+&#187;&#8216;/&gt;&lt;/a&gt;&#187; + &#171;&lt;div id=&#8217;TB_caption&#8217;&gt;&#187;+caption+&#187;&lt;div id=&#8217;TB_secondLine&#8217;&gt;&#187; + TB_imageCount + TB_PrevHTML + TB_NextHTML + &#171;&lt;/div&gt;&lt;a href=&#8217;&#187;+url+&#187;&#8216; target=&#8217;_blank&#8217;&gt;Сохранить / Download&lt;/a&gt;&lt;/div&gt;&lt;div id=&#8217;TB_closeWindow&#8217;&gt;&lt;a href=&#8217;#&#8217; id=&#8217;TB_closeWindowButton&#8217; title=&#8217;Close&#8217;&gt;&lt;img src=&#8217;&#187; + tb_closeImage + &#171;&#8216; /&gt;&lt;/a&gt;&lt;/div&gt;&#187;);</p></blockquote>
<p>Результат:</p>
<p><a class="thickbox" href="http://ivg.name/wp-content/gallery/pushok/p1150471.jpg"><img class="ngg-singlepic ngg-none" src="http://ivg.name/wp-content/gallery/pushok/thumbs/thumbs_p1150471.jpg" alt="p1150471.jpg" /></a></p>
<div id="vk_like264"style="display:inline;margin: 0px 0;" class="vklike"></div>
			<script type="text/javascript">
				/* <![CDATA[ */
				VK.Widgets.Like("vk_like264", {width: "496", pageTitle: 'Допиливаем thickbox', pageUrl: 'http://ivg.name/2009/01/16/thickbox-download-button/', page_id: 264, pageDescription: "фотожурнал"});
				/* ]]&gt; */
			</script><a href='http://twitter.com/share?url=http%3A%2F%2Fivg.name%2F%3Fp%3D264&count=horizontal&related=&text=%D0%94%D0%BE%D0%BF%D0%B8%D0%BB%D0%B8%D0%B2%D0%B0%D0%B5%D0%BC%20thickbox' class='twitter-share-button' data-text='Допиливаем thickbox' data-url='http://ivg.name/?p=264' data-counturl='http://ivg.name/2009/01/16/thickbox-download-button/' data-count='horizontal' data-via='ivg'></a><fb:like href='http://ivg.name/2009/01/16/thickbox-download-button/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://ivg.name/2009/01/16/thickbox-download-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

