Browse Source

rename the images folder to img

master
XhmikosR 7 years ago
parent
commit
961964f1bf
29 changed files with 30 additions and 30 deletions
  1. +2
    -2
      coffee/lightbox.coffee
  2. +2
    -2
      css/lightbox.css
  3. +2
    -2
      css/screen.css
  4. +0
    -0
      img/bg-checker.png
  5. +0
    -0
      img/box.png
  6. +0
    -0
      img/bullet.gif
  7. +0
    -0
      img/close.png
  8. +0
    -0
      img/donate.png
  9. +0
    -0
      img/examples/image-1.jpg
  10. +0
    -0
      img/examples/image-2.jpg
  11. +0
    -0
      img/examples/image-3.jpg
  12. +0
    -0
      img/examples/image-4.jpg
  13. +0
    -0
      img/examples/image-5.jpg
  14. +0
    -0
      img/examples/image-6.jpg
  15. +0
    -0
      img/examples/thumb-1.jpg
  16. +0
    -0
      img/examples/thumb-2.jpg
  17. +0
    -0
      img/examples/thumb-3.jpg
  18. +0
    -0
      img/examples/thumb-4.jpg
  19. +0
    -0
      img/examples/thumb-5.jpg
  20. +0
    -0
      img/examples/thumb-6.jpg
  21. +0
    -0
      img/favicon.ico
  22. +0
    -0
      img/loading.gif
  23. +0
    -0
      img/next.png
  24. +0
    -0
      img/prev.png
  25. +0
    -0
      img/speech-bubbles.png
  26. +18
    -18
      index.html
  27. +2
    -2
      js/lightbox.js
  28. +2
    -2
      sass/lightbox.sass
  29. +2
    -2
      sass/screen.sass

+ 2
- 2
coffee/lightbox.coffee View File

@@ -45,8 +45,8 @@ $ = jQuery

class LightboxOptions
constructor: ->
@fileLoadingImage = 'images/loading.gif'
@fileCloseImage = 'images/close.png'
@fileLoadingImage = 'img/loading.gif'
@fileCloseImage = 'img/close.png'
@resizeDuration = 700
@fadeDuration = 500
@labelImage = "Image" # Change to localize to non-english language


+ 2
- 2
css/lightbox.css View File

@@ -111,12 +111,12 @@

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
background: url(../images/prev.png) left 48% no-repeat;
background: url(../img/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
background: url(../images/next.png) right 48% no-repeat;
background: url(../img/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */


+ 2
- 2
css/screen.css View File

@@ -100,7 +100,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
*----------------------------------------------- */
/* line 33, ../sass/screen.sass */
body {
background: #222222 url(../images/bg-checker.png);
background: #222222 url(../img/bg-checker.png);
}

/* line 36, ../sass/screen.sass */
@@ -433,7 +433,7 @@ a:hover {
.changelog li {
list-style: none;
padding: 0 0 0 14px;
background: url(../images/bullet.gif) no-repeat 0 11px;
background: url(../img/bullet.gif) no-repeat 0 11px;
color: #999999;
}
/* line 242, ../sass/screen.sass */


images/bg-checker.png → img/bg-checker.png View File


images/box.png → img/box.png View File


images/bullet.gif → img/bullet.gif View File


images/close.png → img/close.png View File


images/donate.png → img/donate.png View File


images/examples/image-1.jpg → img/examples/image-1.jpg View File


images/examples/image-2.jpg → img/examples/image-2.jpg View File


images/examples/image-3.jpg → img/examples/image-3.jpg View File


images/examples/image-4.jpg → img/examples/image-4.jpg View File


images/examples/image-5.jpg → img/examples/image-5.jpg View File


images/examples/image-6.jpg → img/examples/image-6.jpg View File


images/examples/thumb-1.jpg → img/examples/thumb-1.jpg View File


images/examples/thumb-2.jpg → img/examples/thumb-2.jpg View File


images/examples/thumb-3.jpg → img/examples/thumb-3.jpg View File


images/examples/thumb-4.jpg → img/examples/thumb-4.jpg View File


images/examples/thumb-5.jpg → img/examples/thumb-5.jpg View File


images/examples/thumb-6.jpg → img/examples/thumb-6.jpg View File


images/favicon.ico → img/favicon.ico View File


images/loading.gif → img/loading.gif View File


images/next.png → img/next.png View File


images/prev.png → img/prev.png View File


images/speech-bubbles.png → img/speech-bubbles.png View File


+ 18
- 18
index.html View File

@@ -6,7 +6,7 @@
<meta name="author" content="Lokesh Dhakar">
<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers."/>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="stylesheet" href="css/screen.css" media="screen"/>
<link rel="stylesheet" href="css/lightbox.css" media="screen"/>
<link href="http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700" rel="stylesheet">
@@ -45,10 +45,10 @@
<h3>Single image</h3>
<div class="imageRow">
<div class="single">
<a href="images/examples/image-1.jpg" rel="lightbox"><img src="images/examples/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a>
<a href="img/examples/image-1.jpg" rel="lightbox"><img src="img/examples/thumb-1.jpg" alt="thumb-1" width="150" height="150"/></a>
</div>
<div class="single">
<a href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><img src="images/examples/thumb-2.jpg" alt="thumb-1" width="150" height="150"/></a>
<a href="img/examples/image-2.jpg" rel="lightbox" title="Optional caption."><img src="img/examples/thumb-2.jpg" alt="thumb-1" width="150" height="150"/></a>
</div>
</div>

@@ -57,16 +57,16 @@
<div class="imageRow">
<div class="set">
<div class="single first">
<a href="images/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" width="150" height="150"/></a>
<a href="img/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="img/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" width="150" height="150"/></a>
</div>
<div class="single">
<a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key."><img src="images/examples/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" width="150" height="150"/></a>
<a href="img/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key."><img src="img/examples/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" width="150" height="150"/></a>
</div>
<div class="single">
<a href="images/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="images/examples/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" width="150" height="150"/></a>
<a href="img/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="img/examples/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" width="150" height="150"/></a>
</div>
<div class="single last">
<a href="images/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="images/examples/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" width="150" height="150"/></a>
<a href="img/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="img/examples/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" width="150" height="150"/></a>
</div>
</div>
</div>
@@ -80,7 +80,7 @@

<div class="row">
<a href="releases/lightbox2.51.zip" class="download">
<img src="images/box.png" alt="Box" class="box" width="170" height="168"/>
<img src="img/box.png" alt="Box" class="box" width="170" height="168"/>
<div class="file">
Lightbox
<div class="version">
@@ -95,10 +95,10 @@
<li><span class="folder">js/</span>jquery-1.7.2.min.js</li>
<li><span class="folder">js/</span>lightbox.js</li>
<li><span class="folder">css/</span>lightbox.css</li>
<li><span class="folder">images/</span>close.png</li>
<li><span class="folder">images/</span>loading.gif</li>
<li><span class="folder">images/</span>next.png</li>
<li><span class="folder">images/</span>prev.png</li>
<li><span class="folder">img/</span>close.png</li>
<li><span class="folder">img/</span>loading.gif</li>
<li><span class="folder">img/</span>next.png</li>
<li><span class="folder">img/</span>prev.png</li>
<li><span class="note">Plus a few files for the demo page</span></li>
</ul>
</div>
@@ -153,13 +153,13 @@
<h3>Part 2 - Activate</h3>
<ol>
<li>Add a <code>rel="lightbox"</code> attribute to any link tag to activate Lightbox.
<pre><code>&lt;a href=&quot;images/image-1.jpg&quot; rel=&quot;lightbox&quot; title=&quot;my caption&quot;&gt;image #1&lt;/a&gt;
<pre><code>&lt;a href=&quot;img/image-1.jpg&quot; rel=&quot;lightbox&quot; title=&quot;my caption&quot;&gt;image #1&lt;/a&gt;
</code></pre>
<em>Optional: </em>Use the <code>title</code> attribute if you want to show a caption. </li>
<li>If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute.
<pre><code>&lt;a href=&quot;images/image-1.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #1&lt;/a&gt;
&lt;a href=&quot;images/image-2.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #2&lt;/a&gt;
&lt;a href=&quot;images/image-3.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #3&lt;/a&gt;
<pre><code>&lt;a href=&quot;img/image-1.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #1&lt;/a&gt;
&lt;a href=&quot;img/image-2.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #2&lt;/a&gt;
&lt;a href=&quot;img/image-3.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;image #3&lt;/a&gt;
</code></pre>
No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!</li>
</ol>
@@ -176,7 +176,7 @@
For bug reports, send a note with the browser you are using and the version of Lightbox to lokesh.dhakar@[ google's email service ].com.
</p>
<a href="http://lokeshdhakar.com/forums/" class="forums">
<img src="images/speech-bubbles.png" alt="Speech bubbles" class="speech" width="110" height="80"/>
<img src="img/speech-bubbles.png" alt="Speech bubbles" class="speech" width="110" height="80"/>
<div class="link">
Lightbox<br/>
<span class="sub">Forums</span>
@@ -200,7 +200,7 @@
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="image" src="images/donate.png" name="submit" class="donate-button" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="image" src="img/donate.png" name="submit" class="donate-button" alt="Make payments with PayPal - it's fast, free and secure!">
</fieldset>
</form>
</div>


+ 2
- 2
js/lightbox.js View File

@@ -50,8 +50,8 @@ lightbox = new Lightbox options
LightboxOptions = (function() {

function LightboxOptions() {
this.fileLoadingImage = 'images/loading.gif';
this.fileCloseImage = 'images/close.png';
this.fileLoadingImage = 'img/loading.gif';
this.fileCloseImage = 'img/close.png';
this.resizeDuration = 700;
this.fadeDuration = 500;
this.labelImage = "Image";


+ 2
- 2
sass/lightbox.sass View File

@@ -79,11 +79,11 @@

.lb-prev
&:hover
background: url(../images/prev.png) left 48% no-repeat
background: url(../img/prev.png) left 48% no-repeat

.lb-next
&:hover
background: url(../images/next.png) right 48% no-repeat
background: url(../img/next.png) right 48% no-repeat

.lb-dataContainer
margin: 0 auto


+ 2
- 2
sass/screen.sass View File

@@ -31,7 +31,7 @@
*----------------------------------------------- */

body
background: $bodyBg url(../images/bg-checker.png)
background: $bodyBg url(../img/bg-checker.png)

body, input, textarea
color: $color
@@ -237,7 +237,7 @@ a
li
list-style: none
padding: 0 0 0 14px
background: url(../images/bullet.gif) no-repeat 0 11px
background: url(../img/bullet.gif) no-repeat 0 11px
color: #999
.version
color: #88A616


Loading…
Cancel
Save