How can I get a mouseover hand on images that have srcset, fancybox, and lazyload?

HTML & CSS
21

Works like a champ in both Chrome and Firefox. Absolutely love it. However in both Edge and IE11, the cursor has a broken appearance to it. Weird.

22

Works now in Edge too. I had to use a .cur file extension. Now it works with all the browsers as near as I can tell. I used an online converter from .ico to .cur.

3 Likes
23

This code works perfectly. I watermarked the images with their sizes and was able to see srcset cycle in the right image as I adjusted the width of the browser.

<img
data-srcset="puppy-pictures/razors-edge-puppies-for-sale1920.jpg 1920w, puppy-pictures/razors-edge-puppies-for-sale1366.jpg 1366w, puppy-pictures/razors-edge-puppies-for-sale940.jpg 940w, puppy-pictures/razors-edge-puppies-for-sale640.jpg 640w" title="CLICK TO ENLARGE" data-fancybox data-caption="I am always excited when I find a Brindle puppy like this one in a litter."
	 data-src="puppy-pictures/razors-edge-puppies-for-sale940.jpg" alt="Beautiful Brindle Pit Puppy" width="940" height="529" class="lazyload" />
24

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.