How to: Make a Photo Gallery Using <object> tag

Advertisement
Post Pic

Introduction

Creating a nice and awesome enough Photo Gallery using <object> tag, yes! creating a simple photo gallery is possible using <object> tag. You can view the same at cssplay.co.uk site, this site has got everything related to CSS, this site is very much special related to CSS.

Photo Gallery with <object> tag

The above photo gallery was made using tag, this renders in most of standard browsers like firefox, google chrome etc., other than IE browsers. Below is the code which has been utilized to make this photo gallery [content courtesy: http://www.cssplay.co.uk]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="gallery">
    <!--[if !IE]><!-->
	<object data="object/pages/image1.html" name="objectFrame" id="objectFrame" type="text/html"></object>
	<!--<![endif]-->
    <!--[if lte IE 8]>
	<iframe src="object/pages/image1.html" name="objectFrame" id="objectFrame" type="text/html" frameborder=0></iframe>
	<![endif]-->
    <ul id="container">
      <li><a href="object/pages/image1.html" target="objectFrame"><img src="object/thumbs/P1010426T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image2.html" target="objectFrame"><img src="object/thumbs/P1010397T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image3.html" target="objectFrame"><img src="object/thumbs/P1010349T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image4.html" target="objectFrame"><img src="object/thumbs/P1010286T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image5.html" target="objectFrame"><img src="object/thumbs/P1000906T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image6.html" target="objectFrame"><img src="object/thumbs/P1010373T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image7.html" target="objectFrame"><img src="object/thumbs/P1000893T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image8.html" target="objectFrame"><img src="object/thumbs/P1010323T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image9.html" target="objectFrame"><img src="object/thumbs/P1000829T.jpg" alt="" /></a></li>
      <li><a href="object/pages/image10.html" target="objectFrame"><img src="object/thumbs/P1000763T.jpg" alt="" /></a></li>
    </ul>
  </div>

Related Entries...

You Might Like:

Advertisement

Please let us know your feedback about the article through the comments section below, we want to hear from you about our website. And your comment / advice may help us to serve you better in upcoming articles.

Thank You!
Vivekanand [Founder of DeveloperSnippets]

One Response

Hey, nice post, really well written. You should blog more about this. I’ll definitely be subscribing.

Leave Your Response

* Name, Email, Comment are Required

Write For Us

Online Sponsors

Start Foreign Exchange Trading today with the Forex Affiliate Program and also you can have access Online Forex News to know what happens every single moment.


Forex Floor


Switch to our mobile site