Viewing Image Gallery
Image Gallery
|
User: Les C. 7 years ago
|
|
|
Dear Team, It would be great to have an update to the existing image gallery that is terribly outdated. The ability to have pictures placed to the edge of the gallery border (top and sides) with more spacing options, the ability to use the file name as a caption (great for photographers wanting to post proof sheets), the ability to post more than 50 pictures to a page (say up to 250), the ability to choose fonts for the captions—just a shortlist of new features to add. If the gallery features from iWeb could be incorporated, that would be ideal. Many thanks, LC |
|
|
User: Roddy 7 years ago
|
|
|
If you don't want to use Jalbum, you could take a look at the idea developed by Chris Coyier many years ago which involves loading images into a grid from a folder on the server using PHP. See the tutorial from David Walsh for more info. Foliopages is a more modern and comprehensive alternative. To create a responsive grid with zero padding at the left and right and adjustable padding between the thumbnails would require a rather comprehensive stylesheet with variations based on the number of images per row and using the CSS :nth-child() selector to specify the actual values for each image. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 7 years ago
|
|
|
Oops, I forgot the Jalbum link.
Last edit 7 years ago ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Les C. 7 years ago
|
|
|
--Roddy Thanks for your reply. David Walsh's solution could be an option, but the coding required is beyond my pay grade :) Foliopages display as more of a slideshow option that gallery of images. It appears that the only option I have is to set up a Flicker account and reference a page on a separate site. Not my ideal choice. It would be nice to have this option. Many of the other web apps out there can do this in one form or another. Even WordPress has dozens of options. |
|
|
User: Les C. 7 years ago
|
|
|
Hi Team, Any other feedback on this request? With the number of services out there that provide sites for this need, i.e., Flickr, Google+ Photos, Smugmug, Pixieset, there is clearly a need people have for large-scale quality galleries. Having the ability to incorporate a gallery that I have control over that is part of my functioning site would be king. Please consider this request. You already have your "Image Gallery" to build upon. Thanks, LC |
|
|
User: Roddy 7 years ago
|
|
|
I did do a little experiment to see if I could get an image grid which opens a lightbox slider where the image file name appears as the large image caption. It's just a question of using some jiggery pokery with JS. I'm not convinced that it makes any sense to create a gallery of up to 250 images where the thumbnails are derived form the large images like they are with the EverWeb Gallery. All these large images would need to be downloaded with the page files and would take a long time. When using widgets like the EverWeb Gallery and Slider, the number of images needs to be kept to a reasonable number or the page download time will get you penalised by Google. I'm also not really convinced that it would be worth spending the time creating such a widget. How many EverWeb users would want such a thing? Your design criteria about the spacing of thumbs yet having the outer images against the browser edge means that you want a responsive grid but a gallery like this would be totally unsuited for dipslaying on a mobile device. I did figure out a kind of simple way to achieve the above using CSS columns rather than a grid when I was experimenting with the idea of a random size image grid but having the images arranged this way may be confusing. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Les C. 7 years ago
|
|
|
--Roddy Thanks for looking into the issue. Three responses for you: 1. I'm not sure how it is done, but I've been running tests on two sites: Pixieset and Smugmug. They are both able to load a multitude of high-res retina images with no problem. There apparently is also no limit on the number of photos I can upload to a page (on one test I put up 350 images). 2. I believe that if more people knew that EverWeb offered this type of option, there would be more of them who would use the app. There are thousands of people who have signed up with these paid services that in some cases are not cheap—significantly more than just paid hosting. Of course, offering an image purchase option and/or outsourced printing are add ons some people need to have. 3. I wouldn't require a responsive grid, but a widget box that would allow images to extent to the full content width of the page layout. This is how Apple's iWeb worked—I could align images with other elements on the edge of the page. At this point, I would consider paying for such a widget. If not by you, by someone else. Any suggestions would be welcome. Best, LC Last edit 7 years ago |
|
|
User: Roddy 6 years ago
|
|
|
After working on the Justified Grid Gallery, I realised that it had some of the features you require. It can accomodate images of different aspect ratios and the thumbnails can be spaced out without effecting the margin at the browser edges. Here's a test version with java script added to generate the captions from the image file name. I have set the max-width to 3000px so that it will fill the browser even when viewed at at full screen width on an iMac 27. The only thing it doesn't do is to generate the thumbs from the full size images. The gallery uses separate thumbnails since trying to load a large number of full size images will take far too long. Try putting 200 full size images into the EverWeb default gallery and see how long it takes to download in the browser! I know the load time probably isn't a factor in your case and I will continue to look for way to generate the thumbs from the full size images in this context. It can be done quite easily but you need to specify the size in pixels of the thumbs so this method won't work for random images or for a responsive grid. It has to be responsive if you want the grid to go right out to the browser edge and also for it to work when the page is loaded on an iPad. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 6 years ago
|
|
|
Here's a different take on a justified grid which my work if you can use the slide numbers to identify the images rather than the file name.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 6 years ago
|
|
|
I've made a widget for the gallery linked to in the previous post. Let me know if you want to try it.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
✔ Best Answer
|
|
|
User: Les C. 6 years ago
|
|
| Thanks! | |
| Post Reply |
| You must login or signup to post. |