The image on my blogger bookmark page is blurry - javascript

How to solve blur image in following page url
https://ruimarks.blogspot.com/p/bookmark.html
It's a blogger bookmark page, tutorial from igniel.com/2022/12/widget-bookmark-blog.html.
In essence, how to prevent the image from blurring on the https://ruimarks.blogspot.com/p/bookmark.html page?
Thank You.
Note: use the bookmark function to view images on the bookmark page.
I hope the image is clear, not blurry, to be the original size and resolution.

Related

Image gallery that is opened via a preview with fancybox

I wanted to create an image gallery that opens via a preview and links to another page where the images are located.
like this one https://fancyapps.com/playground/XU. but the link must call up and open the image gallery located on another page.
I tried using ajax but I can't. Can anyone help me?
Your question is not clear:
"links to another page where the images are located"
"open the image gallery located on another page".
If you're thinking that Fancybox will load the content of another page to find the gallery links and then use those to display the image gallery, sorry, but that's not supported.
But you can always create your own click handler that determined the content source and then use the Fancybox.show() method to programmatically start Fancybox.

Embedding a hidden hyperlink

I know almost nothing about html, but I would like to make a static html page with links to many streaming video sites. And when the user clicks the link, he/she is redirected to the site but when the mouse is moved a link would appear at the top of the streaming video site allowing the user to navigate back to the original html page. Can someone point me to a tutorial that explains how to do this?
You would be better off displaying the streaming site inside of an iframe and not navigating away from your page. You can then use styling to display the iframe and the rest of your links however you want.
Would like to see some code for an attempt at this but I highly recommend you look into anchors for HTML and also understand the difference between relative and absolute paths. Guide for it is here
Example of a anchor in action:
//path to the url of google.

Colorbox - I'm looking into adding a url at the bottom of displayed image. This link will pass the image location to this frame src

Colorbox - I'm looking into adding a url at the bottom of displayed image. This link will pass the image location to this frame src for example:
--frame src="annotate.php?folder=2013&image=20130506_000043_2048_0193.jpg" name="frame1" --
The image location will be passed into annotate.php which is an annotation script to record mouse click coordinates. I can hard code an image for testing, but have yet to find a slick way to push an image from a gallery to the annotate.php module. We integrated a colorbox gallery into the web app and would hope to use the galler to send the image.
Thanks!

Force og:image to allow only one thumbnail

This og tag displays the proper image but it also shows two other thumbnails.
<meta property="og:image"content="http://www.merckengage.com/media/images/icons/merckengage.png" />
Is there a way to tell Facebook to only use one image? Currently it shows this image and randomly selects 2 more.
This image has been removed from our server, but it is cached by Facebook and appears as a thumbnail option when sharing.
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQBTn6AE6mzj1fWr&w=100&h=100&url=http%3A%2F%2Fwww.merckengage.com%2Fmedia%2Fimages%2Flanding_page%2Fkit_oa.jpg&cfs=1&upscale
I have seen similar threads regarding this, but none of the suggestions posted will stop this image from showing up.
I have changed the og:image url
I have scraped the site with the debugger
The image is 200x200
Is this happening because someone is using this image to share the site?
This image is no longer used and needs to be removed.
Any other suggestions are appreciated.

Fancybox / Galleriffic conflict - main image navigation link

I'm in the process of building a web showcase page that uses Fancybox v2.0.6 to open a hidden div when a user clicks a project thumbnail image. Each Fancybox div contains an overview for each project and a Galleriffic gallery of screenshots. I've been able to utilise multiple Galleriffic galleries on this one page thanks to this Google Group Discussion, but have run into issues with the main image.
By default in Galleriffic, users can navigate the gallery by clicking the main enlarged image or by choosing a thumbnail. The thumbnails are working no problems. However, when I click the main image, instead of showing the next image in the gallery, the Fancybox div disappears and a loading spinner appears - I think it belongs to Fancybox. If I then click the spinner div it closes and I'm back to the original webpage.
The best solution would be to remove the linking from the main image and just use the thumbnails to view the gallery. My various attempts have been unsuccessful - either the image vanishes or the spinner just continues to load.
Any ideas/suggestions are welcome at this stage! If you need to see any code to play around with, just let me know and I will post.
Many thanks in advance!
EDIT: Here's a link to a stripped-down version - if I view it locally then the loading spinners just sits there, online I get a URL error in the Fancybox: "[object HTMLDivElement] was not found on this server".

Categories

Resources