We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Is there a snippet to get the width/height of a given image file?

    • 10313
    • 375 Posts
    FuryDE Reply #1, 18 years, 3 months ago
    Hello,

    I want to build a menu with graphical buttons. The buttons should be placed into the background of the a-tag so that I can alter the background-position on hover and active. To do this, I need to know how wide the image is, so that I can tell the a-tag to be that wide. I would do this with a small snippet call from within the wayfinder template chunk.

    Is there already such a snippet oder should I code one myself?

    Thanks for hints
    Martin
      • 29774
      • 386 Posts
      therebechips Reply #2, 18 years, 3 months ago
      Do you really need to know the width? Why not stack the button states vertically in the image, assuming the button height is fixed? Or use percentages for background positioning.
        Snippets: GoogleMap | FileDetails | Related Plugin: SSL
        • 24495
        • 407 Posts
        rasc Reply #3, 18 years, 3 months ago
        http://modxcms.com/FileDetails-580.html
          • 29774
          • 386 Posts
          therebechips Reply #4, 18 years, 3 months ago
          Heh, that’s actually my snippet. It won’t tell you the width/height of an image though, sorry.
            Snippets: GoogleMap | FileDetails | Related Plugin: SSL
            • 24495
            • 407 Posts
            rasc Reply #5, 18 years, 3 months ago
            grin it’s friday p.m. cool

            Let me look around my projects ... there must be a custom snippet. Till later ...
              • 24495
              • 407 Posts
              rasc Reply #6, 18 years, 3 months ago
              It’s an idea for your individual improvement:
              <?php
$id= (isset($id))? $id : $modx->documentIdentifier; //if needed for further processing

$imgsrc = .....; //path_to_the_image wherever you'll get them

$basePath = $modx->config['base_path'];
$orig_size = GetImageSize($basePath . $imgsrc);
$imgwidth = $orig_size[0];
$imgheight = $orig_size[1];

return '<img src="'.$imgsrc.'" width="'.$imgwidth.'" height="'.$imgheight.'" />';
?>
                • 10313
                • 375 Posts
                FuryDE Reply #7, 18 years, 3 months ago
                Yeah, I knew it wouldnt be too hard to do, just didn’t want to code a snippet that already exists. Your code is very fine for me as a base.

                Thank you
                Martin
                  • 10449
                  • 956 Posts
                  ganeshXL Reply #8, 18 years, 3 months ago
                  You can use index 3 smiley

                  $orig_size = getimagesize($basePath . $imgsrc);
$imgWH = $orig_size[3];
return "<img src=\"$imgsrc\" $imgWH />";


                  from the manual:
                  Index 3 is a text string with the correct height="yyy" width="xxx" string that can be used directly in an IMG tag.
                    http://www.fantastique.ch/
                    http://www.dnik.ch/
                    http://www.flickr.com/photos/dnik/