Advertisement

Learn Photoshop, Flash, Adobe AIR, ExtJS, jQuery, Ajax, Dojo, HTML, CSS, JavaScript, XML, Accessibility, Database, DWR, Gears, GWT, Java, JSON, MooTools, Office, Perl, PHP, Programming, Prototype, Scriptaculous and more, Want to explore your choice of videos from all over world at once place! then what are you waiting for, just click, explore and learn.
And if you are a sports person, enjoy videos of Sports - below are the latest sports videos which you have ever seen before.

Jun 9, 2009

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

Categories: CSS, HTML
Tags: ,
Written By: admin

Advertisement



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>

Articles which you would like to read:

Advertisement



One Response to “How to: Make a Photo Gallery Using <object> tag”

  1. I Make Thousands of Dollars a Month Posting Links on Google from Home Says:
    June 12th, 2009 at 12:51 pm

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

Leave a Reply

Browse Posts By Category

Choose a category below to browse and subscribe to specific content.

Subscribe

Stay updated with Developer Snippets via RSS (Syndicate).





Featured & Popular Articles

Online Sponsor