Permalink
Browse files

updated css

  • Loading branch information...
1 parent 256bbb3 commit 2497129994b23210291eef2f26bd972d2968ff67 Jordan Humphreys committed Jun 17, 2011
Showing with 3 additions and 3 deletions.
  1. +1 −1 demo.html
  2. +1 −1 js/flickrbomb-demo.js
  3. +1 −1 js/flickrbomb.js
View
@@ -118,7 +118,7 @@ <h3 class="first">
<h3>
3. How it works
</h3>
- <p><a href="#" style="float:right;padding-left:10px"><img id="johnstewart" style="width:175px;height:175px" src="flickr://john stewart"></a>
+ <p><img id="johnstewart" style="width:175px;height:175px" src="flickr://john stewart">
flickrBomb uses <a href="http://jquery.com" title="jQuery" rel="nofollow">jQuery</a>, <a href="http://documentcloud.github.com/underscore/" title="Underscore.js" rel="nofollow">Underscore.js</a>, <a href="http://documentcloud.github.com/backbone/" title="Backbone.js" rel="nofollow">Backbone.js</a>, and your browsers <a href="http://documentcloud.github.com/backbone/docs/backbone-localstorage.html" title="Backbone.js Local Storage Adapter" rel="nofollow">local storage</a> to make the magic happen. The plugin scours your html and finds all the image tags that have a source attribute that starts with <span>flickr://</span> and searches flickr for the terms that follow. If it finds anything, the image tag is replaced with flickrbomb's <span>flickrbombContainer</span> div. It does this for each images pointing to flickr://.
</p>
<h3>
View
@@ -151,7 +151,7 @@ startFlickrBomb = function () {
className: "flickrbombContainer",
- template: _.template('<div class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
+ template: _.template('<div id="<%= this.image.id.replace(" ","") %>" class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
initialize: function (options) {
_.bindAll(this, 'addImage', 'updateSrc', 'setDimentions', 'updateDimentions');
View
@@ -150,7 +150,7 @@ var flickrbombAPIkey = '66b5c17019403c96779e8fe88d5b576d', //your Flickr API ke
className: "flickrbombContainer",
- template: _.template('<div class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
+ template: _.template('<div id="<%= this.image.id.replace(" ","") %>" class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
initialize: function (options) {
_.bindAll(this, 'addImage', 'updateSrc', 'setDimentions', 'updateDimentions');

0 comments on commit 2497129

Please sign in to comment.