HTML dynamic image Help

**sujay.es@gmail.** · 06-11-2012 03:57 PM

hi Guys,

Anybody know how the below url works?
they had not mentioned static path for the image, still it is rendering the image!

http://placedog.com/400/300

any help will be appreciate.

thanks,
Sujay

**auntnini** · 06-11-2012 08:05 PM

From http://placedog.com/

Code:

<html>
  <head>
    <title>PlaceDog.com - The Dog Lovers Placeholder Art</title>

    <meta name="description" content="Dog-themed placeholder images for developers">
    <meta name="author" content="Jon Gaudette (http://digital-drip.com)">
    <meta name="keywords" content="dogs, placeholders, images, doggies, doggie">
    <meta name="copyright" content="Jon Gaudette. Images &copy; people of the internets">
    <meta name="robots" content="all">

    <meta name="viewport" contentkittenstent="width=device-width; initial-scale=1.0;">

    <link rel="stylesheet" type="text/css" href="/css/style_dark.css" />
  </head>
  <body>
    <!-- WRAPPER -->
    <div id="wrapper">

      <!-- CONTAINER -->
      <div id="container">

        <!-- TITLE -->
        <div id="title">
          <h1>Placeholder DOGS</h1>
        </div>
        <!-- /TITLE -->

        <!-- LEFT SIDE -->
        <div id="left_side">

          <p>Dogs are <a href="http://placekitten.com">so superior to felines</a>. Just choose your dimensions
          in the pathname and share the doggie love on your projects.</p>
          <p>&nbsp;</p>

          <h2>Try It Out!</h2>
          <ul>
            <li><a href="http://placedog.com/400/300">http://placedog.com/400/300</a></li>
            <li><a href="http://placedog.com/g/400/300">http://placedog.com/g/400/300</a></li>

          </ul>
        </div>
        <!-- /LEFT SIDE -->

        <!-- RIGHT SIDE -->
        <div id="right_side">
        </div>
        <!-- /RIGHT SIDE -->


      </div>
      <!-- CONTAINER -->

      <!-- FOOTER -->
      <div id="footer">
        <p>&copy; 2011 <a href="http://digital-drip.com">Jon Gaudette</a> - All Right Reserved</p>
      </div>

      <!-- FOOTER -->

    </div>

    
      <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-8541470-4']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      </script>
   </body>
</html>

**rtrethewey** · 06-11-2012 09:29 PM

There's a setting on the server that intercepts some HTTP requests and serves the image(s) automatically.

**sujay.es@gmail.** · 06-13-2012 10:56 AM

Hey Guys,

any body know what is the logic and its script used for the below code
<img src="http://placedog.com/400/300" />

when i put it in a page and refresh it, every time it is generating a new image.

can you please share if you have an idea on it

thanks,
Sujay

**jrivers** · 06-13-2012 11:36 AM

It would seem that the website is using PHP or some other server-side scripting to set the image. We can't see the original code because it is only processed by the server. What we see is the HTML after it is processed.

Thread: HTML dynamic image Help

Thread Tools

Display

HTML dynamic image Help

View>page source

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions