Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<div id="imageholder">
<div class="thumb_dark"></div>
<div class="thumb_med">
<a href="images/portfolio/electricpink.jpg" class="colorbox" title="ElectricPink Wallpaper Design" onmouseover="image1.src='images/thumbs/electricpink_down.jpg';" onmouseout="image1.src='images/thumbs/electricpink_up.jpg';" title="Electric Pink">
<img name="image1" src="images/thumbs/electricpink_up.jpg" alt="Electric Pink Type Poster" />
</a>
</div>
<div class="thumb_light"></div>
<div class="thumb_dark">
<a href="images/portfolio/fairy.jpg" class="colorbox" title="Vector Fairy Illustration" onmouseover="image2.src='images/thumbs/fairy_down.jpg';" onmouseout="image2.src='images/thumbs/fairy_up.jpg';" title="Vector Fairy">
<img name="image2" src="images/thumbs/fairy_up.jpg" alt="Vector Fairy" />
</a>
</div>
<div class="thumb_dark">
<a href="http://www.electricpinkstudio.com" class="iframe" title="Electricpink Studio - My Old Portfolio Website" onmouseover="image3.src='images/thumbs/studio_down.jpg';" onmouseout="image3.src='images/thumbs/studio_up.jpg';" title="Electric Pink Studio Website">
<img name="image3" src="images/thumbs/studio_up.jpg" alt="Electric Pink Studio Website - My Old Portfolio" />
</a>
</div>
<div class="thumb_med"></div>
<!-- had to close second and third a tag's first half -->
<div class="thumb_light">
<a href="images/portfolio/christmas_01.jpg" rel="christmasroom" title="3D Christmas Scene" onmouseover="image4.src='images/thumbs/christmas_01_down.jpg';" onmouseout="image4.src='images/thumbs/christmas_01_up.jpg';" title="3D Christmas Scene">
<img name="image4" src="images/thumbs/christmas_01_up.jpg" alt="3D Render of Christmas Livingroom" />
</a>
<a href="images/portfolio/christmas_02.jpg" rel="christmasroom" title="3D Christmas Scene"></a>
<a href="images/portfolio/christmas_03.jpg" rel="christmasroom" title="3D Christmas Scene"></a>
</div>
<!-- image tag wasn't closed at all -->
<div class="thumb_light">
<a href="images/portfolio/room_01.jpg" rel="room" title="3D Livingroom Scene" onmouseover="image5.src='images/thumbs/room_01_down.jpg';" onmouseout="image5.src='images/thumbs/room_01_up.jpg';" title="3D Livingroom">
<img name="image5" src="images/thumbs/room_01_up.jpg" alt="3D Render of Livingroom" />
</a>
<a href="images/portfolio/room_02.jpg" rel="room" title="3D Livingroom Scene"></a>
</div>
<div class="thumb_med"></div>
<div class="thumb_med">
<a href="images/portfolio/snowboard.jpg" class="colorbox" title="Snowboard Photoshop Composition" onmouseover="image6.src='images/thumbs/snowboard_down.jpg';" onmouseout="image6.src='images/thumbs/snowboard_up.jpg';" title="Snowboard Poster">
<img name="image6" src="images/thumbs/snowboard_up.jpg" alt="Snowboarding Photoshop Composition" />
</a>
</div>
<div class="thumb_light"></div>
<div class="thumb_dark"></div>
<div class="thumb_light">
<a href="images/portfolio/snow.jpg" class="colorbox" title="3D Snow Scene" onmouseover="image7.src='images/thumbs/snow_down.jpg';" onmouseout="image7.src='images/thumbs/snow_up.jpg';" title="3D Snow Scene">
<img name="image7" src="images/thumbs/snow_up.jpg" alt="3D Render of cottage in the snow" />
</a>
</div>
<div class="thumb_med">
<a href="images/portfolio/aztec.jpg" class="colorbox" title="Brochure designed for Aztec Metals" onmouseover="image8.src='images/thumbs/aztec_down.jpg';" onmouseout="image8.src='images/thumbs/aztec_up.jpg';" title="Aztec Metals Brochure">
<img name="image8" src="images/thumbs/aztec_up.jpg" alt="Brochure smaples for Aztec Metals" />
</a>
</div>
<div class="thumb_med"></div>
<div class="thumb_dark"></div>
<!-- had to close image tag, 4 extra images too -->
<div class="thumb_med">
<a href="images/portfolio/factory_01.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment" onmouseover="image16.src='images/thumbs/factory_01_down.jpg';" onmouseout="image16.src='images/thumbs/factory_01_up.jpg';" title="3D Factory Scene from short film Enlightenment">
<img name="image16" src="images/thumbs/factory_01_up.jpg" alt="3D Factory Scene from short film Enlightenment" />
</a>
<a href="images/portfolio/factory_02.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a>
<a href="images/portfolio/factory_03.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a>
<a href="images/portfolio/factory_04.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a>
<a href="images/portfolio/factory_05.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a>
</div>
<div class="thumb_light">
<a href="images/portfolio/expose.jpg" class="colorbox" title="Flyer for Expose Fashion Show" onmouseover="image9.src='images/thumbs/expose_down.jpg';" onmouseout="image9.src='images/thumbs/expose_up.jpg';" title="Expose Flyer">
<img name="image9" src="images/thumbs/expose_up.jpg" alt="Flyer for Expose Fashoin Show" />
</a>
</div>
<div class="thumb_med"></div>
<div class="thumb_light">
<a href="images/portfolio/audrey.jpg" class="colorbox" title="Vector Girl Illustration" onmouseover="image11.src='images/thumbs/audrey_down.jpg';" onmouseout="image11.src='images/thumbs/audrey_up.jpg';" title="Vector Girl">
<img name="image11" src="images/thumbs/audrey_up.jpg" alt="Vector Illustration of Girl" />
</a>
</div>
<div class="thumb_med"></div>
<div class="thumb_dark">
<a href="images/portfolio/enlightenment_dvd.jpg" class="colorbox" title="DVD Cover for short film Enlightenment" onmouseover="image12.src='images/thumbs/enlightenment_dvd_down.jpg';" onmouseout="image12.src='images/thumbs/enlightenment_dvd_up.jpg';" title="Enlightenment DVD">
<img name="image12" src="images/thumbs/enlightenment_dvd_up.jpg" alt="DVD Cover for short film Enlightenment" />
</a>
</div>
<div class="thumb_dark"></div>
<div class="thumb_light"></div>
<!-- had to close second a tag -->
<div class="thumb_med">
<a href="images/portfolio/motorcycle_01.jpg" rel="moto" title="3D Render of Motorcycle" onmouseover="image13.src='images/thumbs/motorcycle_01_down.jpg';" onmouseout="image13.src='images/thumbs/motorcycle_01_up.jpg';" title="3D Motorcycle">
<img name="image13" src="images/thumbs/motorcycle_01_up.jpg" alt="3D Render of Motorcycle" />
</a>
<a href="images/portfolio/motorcycle_02.jpg" rel="moto" title="3D Render of Motorcycle"></a>
</div>
<div class="thumb_light">
<a href="images/portfolio/weatherdial.jpg" class="colorbox" title="Advert for Met Eireann's Weatherdial Service" onmouseover="image14.src='images/thumbs/weatherdial_down.jpg';" onmouseout="image14.src='images/thumbs/weatherdial_up.jpg';" title="Weatherdial Advertisment">
<img name="image14" src="images/thumbs/weatherdial_up.jpg" alt="Advertisement for Met Eireann's Weatherdial service" />
</a>
</div>
<div class="thumb_med"></div>
<div class="thumb_dark">
<a href="images/portfolio/interrobang.jpg" class="colorbox" title="Interrobang Website Design Concept" onmouseover="image15.src='images/thumbs/interrobang_down.jpg';" onmouseout="image15.src='images/thumbs/interrobang_up.jpg';" title="Interrobang Website Mockup">
<img name="image15" src="images/thumbs/interrobang_up.jpg" alt="Mockup for Screen-Pritning website, Interrobang" />
</a>
</div>
<div class="thumb_light"></div>
<div class="thumb_dark">
<a href="images/portfolio/velvetlounge.jpg" class="colorbox" title="Velvet Lounge Poster" onmouseover="image10.src='images/thumbs/velvetlounge_down.jpg';" onmouseout="image10.src='images/thumbs/velvetlounge_up.jpg';" title="Velvet Lounge Poster">
<img name="image10" src="images/thumbs/velvetlounge_up.jpg" alt="Poster fo Jazz Bar, Velvet Lounge" />
</a>
</div>
<div class="thumb_med"></div>
<div class="thumb_dark"></div>
<div class="thumb_light">
<a href="images/portfolio/fulfillment.jpg" class="colorbox" title="Fulfillment Type Treatment" onmouseover="image17.src='images/thumbs/fulfillment_down.jpg';" onmouseout="image17.src='images/thumbs/fulfillment_up.jpg';" title="Fulmillment">
<img name="image17" src="images/thumbs/fulfillment_up.jpg" alt="Fulfillment Text Treatment" />
</a>
</div>
<div class="thumb_dark"></div>
<!-- each of the "extra" tags had to have the first half of the pair closed, and then removed an extra closing tag -->
<div class="thumb_light">
<a href="images/portfolio/city_01.jpg" rel="city" title="3D City Scene from short film Enlightenment" onmouseover="image18.src='images/thumbs/city_01_down.jpg';" onmouseout="image18.src='images/thumbs/city_01_up.jpg';" title="3D City Scene">
<img name="image18" src="images/thumbs/city_01_up.jpg" alt="3D Render of City" />
</a>
<a href="images/portfolio/city_02.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a>
<a href="images/portfolio/city_03.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a>
<a href="images/portfolio/city_04.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a>
<a href="images/portfolio/city_05.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.