I have a gallery with 8 images using button-helper that works in the html editor going back to the first after the last shows. Uploaded to my website, the same gallery reports 10 images, 8, 9, and 10 are the same final image. This is annoying, not critical.
Related
I have a list of 12 images that I would like to display on the screen, however I would like to cap the number of images that can fit onto the screen at 9, with the user having to swipe left to see the remaining 3 images.
I have currently hardcoded it, but I would like to know if there is a way to write it such that a maximum of 9 images will automatically resize themselves to fit onto the page, with future images being shown on the next screen, which the user can swipe to.
e.g. In the future if I have 25 images, first 9 will fit themselves onto the first screen, user can swipe to the second screen to see the next 9 and user can swipe again to see the last 7 - without hardcoding 9, 9, 7 per screen respectively.
You can define a screen that takes the list of images to be shown and the starting number in that list.
Images can be shown with a GridView Widget.
So for your example of 25 images:
ShowImagesScreen([image1, image2 ... image25], 0) will show the screen with the first 9 images, the 0 indicates that the screens starts with the first image (index 0 in the list). Swiping on that page will result in going to the next screen. Which is the same screen widget:
ShowImagesScreen([image1, image2 ... image25], 9) this time showing image 9 till 18. Swiping on this screen can go to previous page or to the next:
ShowImagesScreen([image1, image2 ... image25], 18)
On the screen you make logic to disable swiping back or forward when it is the first or last page respectively. You also need to check the length of the list on each page and check whether you are at the end.
I want to show my photos with same size on posts. The problem is that I have horizontal and vertical photos ( for example 1500x600px and 600x1500px) and when i create a gallery there is a irregular pattern because of the sizes.
So, I thought using same sized thumbnails (for example square) for every photos was the solution. To some level, it worked. I mean, I created a fine pattern with using thumbnail pictures.
The problem is that source of the images and source of the thumbnails. Lightbox does not allow this kind of usage. For example:
<img border="0" height="226" src="**Thumbnail Picture Link**" width="320" />
When ı create this kind of arrangement, I can show my gallery on post, but when i click the image, ıt is opening like a normal image url, not in gallery view.
Is there any solution for this issue?
Thanks.
Using lightGallery is a solution that has a few issues on user interface.
Link
I am only able to see 5 images when adding products. Is there a configuration somewhere to increase this limitation?
I uploaded 10 images. Only 5 is being displayed. If I was the delete an image there one of the other ones that is not showing gets displayed. It feels like it is hidden there.
Looking at it with Chrome Inspector, I see that the other images are set as "hidden"
Any ideas on how to fix this?
It seems like the Product Details tab simply limits the view. However, Images and Videos tab shows all images uploaded.
More information here: How to manage product images in Magento 2? (Add/remove)
I have read many similar posts here and tried the following but no luck:
Replaced og:image with larger image banner (larger than Facebook's required standard)
Commented out the <img> tag of that pencil icon image, yet Facebook debugger still showing that small tiny little icon. When I view source from browser, confirmed that pencil icon has been commented. (NOTE: I've put back the pencil icon image for editing convenience.)
Renamed large image file and update og:image.
Specified og:url of the current page.
All the above not working at all. Can somebody please help? Here is my URL: http://tringo-medical.blogspot.my/. Thanks in advance!
Ok guys, sorry for the impatience -- we just have to wait for Facebook to clear the cache. For my case, I had been waited for almost a week for them to get it cleared, which wasn't in 24 hours as what others claimed. But Facebook shouldn't defeat their own rules either by choosing tiny icon image as the post image. So the solution is to "wait".
I posted this here because it's too technical and related to the PNG standard.
I did the following:
Step 1. Open paint, create an image and fill it with color RGB(255, 0, 0) = #FF0000. Save the image.
Step 2. Download tweakpng and remove all Attributes except those marked as 'critical'. By doing this we effectively remove any color profile information. This will make our image to be displayed the same across all browsers (FireFox and Chrome tested) otherwise firefox displays the image as dark red.
Step 3. If I upload this image on facebook, strange things happen. FireFox and Chrome display a dark red color. This happens because Facebook adds a custom color profile to all images uploaded.
Question: How can I prevent Facebook from adding the extra color profile and altering the colors of my image? If this is not possible, how can I modify my image in a way so I get the desired color after Facebook added their color profile?
Here is what happened:
At first I uploaded the image on Facebook without removing the color profile. I deleted the image and then uploaded the new without the color profile.
For some reason the browser cached the old image.
After I restarted the PC and cleared the browser cache... the colors where the ones I expected!