Needing guidance on image preview for wordpress - wordpress

Hey guys I am needing some guidance on what this kind of image feature is called. I tried googling around but cant seem to find the correct name of the image feature. Its where there a bunch of small images surround a bigger image and when a smaller image is selected or hovered over then it will be shown on the bigger image place as seen here.
I am trying to add this feature into a clients website in wordpress but dont know the correct term to look for or if a plugin exists that allows me to do this sort of thing in wordpress.
Thank you all for your time!

Related

Finding source of logo slider

I seen this logo slider on a lot of websites and i need help to either locate where to get it or any ideas to make it.
I tried to look through the sourcecode and can't how it is made.
I guess it is some sort of plugin or theme but not sure?
Example of one of the websites: https://www.webfx.com/

How to add buttons on top of an image, like waypoints on a map [WORDPRESS]

I’m new to wordpress therefore I’m not aware of all the capabilities of this tool, but I wanted to know how do I add buttons on top of an image, much like the waypoints you normally see in maps in museums or even video-games. It is something that I am having trouble recreating and I would need some help with that.
Here is an example but of course, with less buttons than what it is actually shown here.
Also, before I forget to mention, thank you to all those who try to help me.
(This is a repost from my original topic in the wordpress forums, you can find it here.)

Instant article and repeating image

I received this general warming:
General Warnings: Repeating Cover Image and First Image: The cover image and the image '9iememaison.quebec_v1xi5heeg9_8dqdz.png' seem to be the same or almost the same image. Please consider removing or replacing one of the images.
So I dug into the internet and I found nothing - except this:
https://wordpress.org/support/topic/same-image-displayed-twice
"I performed the preg replace on function "get_the_content()" of "class-instant-articles-post.php" just before returning the variable $this->_content;"
But my problem is that my cover image and first image are the same. How do I either remove the cover image, or rename the first image in a way like WordPress and instant article thing? It's an other image but at the moment it's the same image, because my feature image on my website and the thumbnail generate and image use in post are all the same. I don't use different image, so the best way is maybe like making a WordPress function that:
Copies the image
Renames the image
Puts that link in the post and if image is update then this image also.
Or maybe I'm just going to deep and there is an easier way to fix this.I didn't find it after checking all the instant article wp support, and looking through the web.
The best way to solve this, if you often have this situation, is probably to disable the Cover Image entirely by hooking into the plugin.
This can apply even if the error/warning doesn't show. I have found it doesn't show a warning when the images are pretty much exactly the same, which is strange, only when they are very different in size but same content/name.
Haven't found a solution for disabling Cover Image. Will hopefully update this if I end up having to create one.
Here's another relevant thread:
https://wordpress.org/support/topic/general-warningrepeating-cover-image-and-first-image/#post-8731646
and a very relevant github ticket:
https://github.com/Automattic/facebook-instant-articles-wp/issues/57

WooCommerce / Wordpress images rotated for no reason?

I know this is probably not the best SO question ever because I don't have the relevant code (I don't know where it is and I can't find it). If anybody has seen this problem before or knows what is causing this I can't tell you how much I would appreciate it.
I have a storefront and the images in the storefront are showing up rotated 90 degrees to the left for no apparent reason.
The actual source files of the images are normal, if you look at the actual .jpg used in on the site they are upright.
How or why would they be showing up rotated? Is this some setting or a bug in WooCommerce?
Note
Yes, I've disabled every addon and used only WordPress and WooCommerce and the result is the same. Different themes yield the same result as well.
I discovered the problem in case anybody stumbles across this later down the road. The issue is with Apple's exif data and rotation information they store within each image. It is apparently not compatible with most computers and when you upload a picture from a mobile device from Apple (ipad, iphone etc.) you are likely to experience this phenomenon.
There is little than can be done about it, shy of uploading the images to a computer and manually fixing the orientation of all rotated images before using them.

Images won't appear in wordpress.org site

Here is the site that I am working on.
http://afinderskeeper.com/
Here is an example of the logo image that I want at the top
http://afinderskeeper.com/?attachment_id=64
The theme is mayashop, and I am having issues with the images loading. In the media library I am able to see all the images. In the theme options menu in the backend, it asks me to enter the url of the logo image/ favicon/ etc. into the text field. So for the logo, I am simply pasting that second url from above, save, but I still get the placeholder box, not even the correct size.
I was having a redirect issue earlier and couldn't even view any of the images.
It just kept taking a while to load and coming up with a redirect loop. I found online someone had switched the permalink, so I switched mine from "month and name" to "default" and now I can at least see the images on the second link, but I still cannot figure out why they don't show up in the proper places. I hope this makes sense.
I will also mention that I don't really know any php so if this is what it takes, please be very specific for me, thanks!
You're using the wrong urls for the header image and, possibly, the other images that are giving you trouble as well. Instead of referencing http://afinderskeeper.com/?attachment_id=64, you want to edit that image from the media library and get the file url. It will be something like http://afinderskeeper.com/wp-content/uploads/2014/02/afk_header_logo.jpg
I am just a random stranger on the internet, but I have to thank you guys! Your solution fixed a problem on my site that has bugged me for ages!

Resources