Viewing New Image Slider
New Image Slider
|
User: Roddy 12 years ago
|
|
|
The Galleria slider seems to have adopted the same confusing numbering system that the navigation widget used to have. My first test of this has and ID - #galleria_7 Where is the logic in this? ------------------------------- 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: Paul-RAGESW 12 years ago
|
|
|
Yah it's the same issue as the navigation bar. It can be changed eventually.
------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 12 years ago
|
|
|
The slider does have more than enough variations to suit the average user. I only noticed this ID thing when I went to look at how to remove the "border" around it to make it the full width of the page as described in this topic... http://billing.ragesw.com/forum.php?act=thread&tid=1416 I wouldn't suppose too many users will require the ability to customize the CSS but you never know. Galleria's big advantage is that it is really easily customized and can be made responsive with the thumbs disappearing on smaller devices and allowing finger swiping on mobiles. ------------------------------- 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: Paul-RAGESW 12 years ago
|
|
|
The finger swiping can be used with the current version BTW.
------------------------------- Paul EverWeb Developer |
|
|
User: Christopher 12 years ago
|
|
|
So I just gave the Image Slider a test-run and am pretty impressed overall. It's a good addition to EW for sure. I considered using it as a photo gallery replacement but I guess that's not it's real purpose. There's no stop button to freeze an image and in some cases, you're going to want to display every thumb at once. What surprises me most though is that this is not retina-compatible. Or is it and I just didn't do it right? I imported .jpg and @2x.jpg photos, chose the standard ones in the Image Gallery, and then tested with my rMBP... but the retina photos were not being displayed. A couple suggestions. If I were to use this in the future, I would love the ability to customize a little bit more: remove or lessen the opacity on the thumbs, control the size of the thumbs, manually enter slideshow speed (I hate those sliders, you can never be totally accurate... and what is 4000? is that 4 seconds?). Also, the last thumb on the right gets cut off. See pictured. Again... overall, it's a sexy widget! Oh. One last thing. If you click on an image (with click to enlarge deselected), or click on a thumb, sometimes it shuts off the slideshow and there's no way to turn it back on. Edit: I just tried it with 'Click to enlarge' selected. Did you know that when you enlarge a photo, the slideshow continues underneath? By the time you click off, you've missed a few gems. Last edit 12 years ago ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
 Screen Shot 2013-10-23 at 6.13.38 PM.png Notice last thumb on right |
|
|
User: Roddy 12 years ago
|
|
|
I’ll leave the retina issue to Paul to answer since I am a complete dumbo in that area but I will try to cover your other observations. As you know, the EW Image Slider is based on Galleria. It has a large number of variables that can be set/adjusted to define the behavior. Normally the user would set it up as an auto play banner with no thumbnail carousel or a manual slider with thumbs - not both. One of the surprising omissions is an obvious way to pause on hover. I use Cycle Slider when I need this function or custom captions/hyperlinks. You can implement info in Galleria and use this as a caption/hyperlink but you need to access the HTML to use the data attributes for title, description and link to do this. I guess this is not an option for those who are allergic to code! The thumbs have on opacity of 0.2 in the stylesheet to contrast with the rollover opacity of 1. You can change this in the stylesheet or overwrite it with internal styles in the page Head Code box. In your example, I don’t see the left/right navigation for the thumbnail carousel which should fill the blank spots on either side. If you are really picky, the thumbnail width can be adjusted if you are into math so that the carousel doesn’t cut off a section of the last one. I dare say you could set these as percentages if you were using images that are all the same size. Click to enlarge would normally only be used if the slider was set to manual rather than auto. You need to use common sense when setting up these things! Somewhere in its huge list of options, Galleria has one for pauseOnInteraction. This is used to stop the slideshow when the user interacts with it. You can see the full list with instructions on how to implement them HERE. If you are logical and know a little CSS, creating custom themes is fairly straight forward. Maybe EW will someday have a means for us to add custom styles and setup javascript? In the meantime, setting up sliders like this manually using code is not exactly rocket science! This is an example of a Galleria slider which I have customized. It uses images of different sizes and has a custom carousel in a non standard location. The page is responsive so that you can test it on a portable device. ------------------------------- 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: Christopher 12 years ago
|
|
|
Hmm. Well I showed my wife a version using the Image Slider (Galleria) and another with Shadowbox. She likes Galleria best. It adds a little more pizzazz I guess. I like the style where you can click on a 'grid' to show all thumbnails, but that's not free, is it? My question: if I want to customize, as mentioned above, am I better to use the widget and change or override code, or to just implement Galleria on its own? Question number two... will the Retinajs script pull up @2x size images for this? So far, I don't see it happening. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
At this point I do not think Galleria supports retina but I would have to look into it more.
------------------------------- Paul EverWeb Developer |
|
|
User: Christopher 12 years ago
|
|
|
Thanks Paul. So I see in the Options page the ability to show info (Toggle the caption). Is this something you can add to EW, the ability to show captions? I don't know how to do it, my preference in using this as a gallery would be to present photos cleanly as they are with the Classic theme, but if a user clicks on an image to enlarge, to then present the Caption in the white frame. It'd be great too if we could add a couple social media sharing buttons here (optional), for the specific photo that is enlarged. Another thing. How can we add hyperlinks to photos or text within the image slider? Or is that even possible with this widget? ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 12 years ago
|
|
|
Quote: Roddy - 24/10/2013 5:48:45 In your example, I don’t see the left/right navigation for the thumbnail carousel which should fill the blank spots on either side. I changed the bg colour to black and now those arrows are visible. They were white, go figure! ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
Quote: Christopher - 25/10/2013 13:59:48 Thanks Paul. So I see in the Options page the ability to show info (Toggle the caption). Is this something you can add to EW, the ability to show captions? I don't know how to do it, my preference in using this as a gallery would be to present photos cleanly as they are with the Classic theme, but if a user clicks on an image to enlarge, to then present the Caption in the white frame. It'd be great too if we could add a couple social media sharing buttons here (optional), for the specific photo that is enlarged. Another thing. How can we add hyperlinks to photos or text within the image slider? Or is that even possible with this widget? These features such as links and captions are not yet possible but something we are working on. ------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 12 years ago
|
|
|
Christopher says, "I changed the bg colour to black and now those arrows are visible. They were white, go figure!" Roddy says, "How is the developer supposed to predict that your are going to use a white background - crystal ball?" The more options you give people - the more they want. When is enough, enough? The caption, description and hyperlink can be inserted into the HTML for each slide using data attributes. The problem is that the user can't access the HTML. It should be possible to provide this data in a JSON (JavaScript Object Notation) array but I haven't tried it. I will put it on my to do list. ------------------------------- 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: Christopher 12 years ago
|
|
|
My response must've disappeared. Huh? I said I think white was the default color for bg. Not sure. And as to when is enough? Never. Customize, customize, customize! The genius is in the details. ;) ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 12 years ago
|
|
|
Quote: Roddy - 24/10/2013 5:48:45 The thumbs have on opacity of 0.2 in the stylesheet to contrast with the rollover opacity of 1. You can change this in the stylesheet or overwrite it with internal styles in the page Head Code box. If you are really picky, the thumbnail width can be adjusted if you are into math so that the carousel doesn’t cut off a section of the last one. I dare say you could set these as percentages if you were using images that are all the same size. You make it sound so easy. I've pulled up the CSS code, I can look at the code on my own site when the slider is applied, but it would still be a lot easier if you or Paul just told me what to do. What do I paste into the Head code to resize my thumbs so one of them isn't chop suey? Edit: Another thing. Can you confirm that my photos are not being resized or recompressed if I use the Image Slider and size the snippet accordingly. Thanks. Last edit 12 years ago ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 12 years ago
|
|
|
Okay, so I guess I do know rocket science. I managed to get Galleria working from scratch, as well as to do a little customization on the widget. But not everything works. Roddy, check your inbox ;)
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
| Post Reply |
| You must login or signup to post. |