CODEWITHSUNDEEP
htmlimageurlbrowsercross-browser
zero
zero

Reputation: 3084

manipulate the browser's default image enlarge and html elements

so I'm not sure what the proper term is for this, but when I follow a link for an image asset I see that most browsers (at least the ones I've used) generate HTML markup to display the image and make it auto resize as well as give it click to enlarge functionality.

So I'm curious: is it possible to manipulate the default markup the browser generates when a URL for an image asset is resolved (i.e. http://cdn1.technology.ie/wp-content/uploads/2013/07/firefox-logo-evolution-infographic.jpg) as well as add hooks for the click to enlarge functionality?

what I want to do is add styles to the auto-generated image tag to make it center vertically.

Upvotes: 0

Views: 51

Answers (2)

Zoli Szabó
Zoli Szabó

Reputation: 4534

For Firefox, you can use a file named "userContent.css" to declare your own default rules.

For Google Chrome see this discussion.

There are also add-ons that enable this behaviour. For example userstyles.org.

EDIT: the above will work in your own browsers; if you want to link your image resources on your website, you can use a separate page for that, like recommended by others or just use some lightbox-like plugin to show images in pop-ups.

Upvotes: 1

snit80
snit80

Reputation: 731

Unfortunately, you cannot do anything with it. To do something similar you will have to create a page which takes the image path in the querystring and then you will have full liberty to change it that way you want. e.g domain.com/myassetpage.php?some-image.jpg

Upvotes: 0

Related Questions