www.webdeveloper.com
Results 1 to 5 of 5

Thread: HTML dynamic image Help

  1. #1
    Join Date
    Aug 2009
    Posts
    5

    Lightbulb HTML dynamic image Help

    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

  2. #2
    Join Date
    Sep 2006
    Location
    new york
    Posts
    267

    View>page source

    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>

  3. #3
    Join Date
    Mar 2011
    Posts
    1,156
    There's a setting on the server that intercepts some HTTP requests and serves the image(s) automatically.

  4. #4
    Join Date
    Aug 2009
    Posts
    5
    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

  5. #5
    Join Date
    Mar 2012
    Location
    Oklahoma
    Posts
    5
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles