Skip to content
Browse files

tidying up CSS for gallery images in degraded mode

  • Loading branch information...
1 parent 9430a91 commit 42cf1c6c48ab91e1a7c593457c6887d2ac926e25 @addyosmani committed Feb 12, 2011
Showing with 6 additions and 4 deletions.
  1. +1 −1 data/album1.json
  2. BIN images/4.jpg
  3. +3 −3 index.php
  4. +2 −0 jsongallery.css
View
2 data/album1.json
@@ -72,7 +72,7 @@
"url": "http://www.amazon.com/"
},
{
- "title": "19",
+ "title": "21",
"artist": "Adele",
"image": "images/4.jpg",
"large_image": "images/4large.jpg",
View
BIN images/4.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 index.php
@@ -62,7 +62,7 @@
</div>
<div id="main">
- <div class="jstest">This application requires JavaScript to function correctly.</div>
+ <div class="jstest">This application is running with JavaScript turned off.</div>
</div>
</div>
<script src="LAB.min.js" type="text/javascript"></script>
@@ -108,7 +108,7 @@
$i=0;
foreach($subalbums[$index] as $sub){
- echo "<li class='item-image'><a href='" . $sub['large_image'] . "'><img src='" . $sub['image'] . "'></img>" . $sub['title'] . "</a> " . $sub['artist'] ." </li>";
+ echo "<li class='item drop-shadow round'><a href='" . $sub['large_image'] . "'><img src='" . $sub['image'] . "'></img>" . $sub['title'] . "</a> " . $sub['artist'] ." </li>";
/*
echo "<li><a href='index.php?view=photo&subalbum=" . $index . "&ind=" . $i . "'><img src='" . $sub['image'] . "'></img>" . $sub['title'] . "</a></li>";
$i++;*/
@@ -122,7 +122,7 @@
$ind = 0;
echo "<ul class='gallery'>";
foreach($json_a as $p => $k){
- echo "<li><a href='index.php?view=subalbum&ind=$ind'><img src='" . $k['image'] . "'></img>" . $k['title'] . "</a> " . $k['years'] ." </li>";
+ echo "<li class='item drop-shadow round'><a href='index.php?view=subalbum&ind=$ind'><img src='" . $k['image'] . "'></img>" . $k['title'] . "</a> " . $k['years'] ." </li>";
$ind++;
}
echo "</ul>";
View
2 jsongallery.css
@@ -87,3 +87,5 @@ padding:100px 33px 0;
float:left;
}
+.gallery { list-style-type:none}
+.gallery img { width:250px;}

0 comments on commit 42cf1c6

Please sign in to comment.
Something went wrong with that request. Please try again.