# Photo Gallery using 1 image for cropped thumbnail and actual image

**URL:** <https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064>\
**Category:** web dev\
**Created:** [April 10, 2006, 5:29pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064 "2006-04-10T17:29:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [April 10, 2006, 5:29pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/1 "2006-04-10T17:29:19Z")

</div>

Hey, i’m creating a photo gallery and was wondering if people have suggestions on the best approach for using only the actual image to build the cropped thumbnail as opposed to having 2 separate images. I’d like to stick mainly with CSS and the DOM but would be open to PHP options if they aren’t too complex.

---

<div class="post-metadata">

**Author:** ![JoshuaJonah](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joshuajonah/32/1775_2.png) [@JoshuaJonah](https://forum.kirupa.com/u/JoshuaJonah)\
**Post date:** [April 10, 2006, 5:36pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/2 "2006-04-10T17:36:03Z")

</div>

well, if you load the entire image anyway to make a thumbnail, it kinda voids the point of using thumbnails. I usually use a php script for a backend that will make thumbnails out of the photos i upload, but if you want it to do this on loading the page, it’s gonna be slow.

---

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [April 10, 2006, 5:42pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/3 "2006-04-10T17:42:15Z")

</div>

do you have an example online of this working? i’d like to see what it’s like.

---

<div class="post-metadata">

**Author:** ![JoshuaJonah](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joshuajonah/32/1775_2.png) [@JoshuaJonah](https://forum.kirupa.com/u/JoshuaJonah)\
**Post date:** [April 10, 2006, 5:43pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/4 "2006-04-10T17:43:43Z")

</div>

let me check, i think it’s just on my local test server.

Edit: nope, i’ll throw my gallery system on my webspace when i get home tonight if you’d like to take a look at the backend. BTW, it’s flash, but the php will work with AJAX based stuff (man i hate that buzzword)

---

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [April 11, 2006, 10:02pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/5 "2006-04-11T22:02:02Z")

</div>

ok, thx.

---

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [April 14, 2006, 3:25pm UTC](https://forum.kirupa.com/t/photo-gallery-using-1-image-for-cropped-thumbnail-and-actual-image/185064/6 "2006-04-14T15:25:04Z")

</div>

u ever put it up?