magnifier for HTML document [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I have a page and I want to create a magnifier for my web page (HTML document not just images), I want do this for some reasons and I just want to know How can I do it? and is this possible?
Nothing is impossible, the word itself says " I'm possible"! Audery Hepburn
I know it's possible for professional programmers, and I'm just asking from them, How to do it?
I need lens magnifier and for all document, something like Windows magnifier
I searched on the Internet but there are just magnifiers for Images, and I need magnifier for all HTML document, and I don't expect you do it for me, I know JavaScript programming and I just need your suggestions and helps to find a way.

Take a look to Zoomooz. "It is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom."
Source:
http://jaukia.github.io/zoomooz/
https://github.com/jaukia/zoomooz
https://github.com/m-kermani/magni
I hope it helps :)

Related

How to pin a website to windows taskbar programmatically using javascript? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I can't use drag and drop method. I have gone through the jquery pinify plugin, but what I understood is that, it only encourage user to pin website using drag and drop using intelligent popups rather than doing it on it's own.
Is this even possible?
No luckily this is not possible.
Imagine the security reasons behind it. No website can change something on your OS. (At least that's what we all hope, that's why I say "luckily" we have a problem if this would not be like so).
Or imagine this: You create a website. The font is defined by designers and project managers which discussed which font and which font-size will be the best to represent the company on the web. So you created the website based on those requirements. But now, I have some issues with my eyes. This is why I setup my browser with a default font-size. This is what I need, to read any content from the web. Now, NO! You can not change this! Why? Because I have set something in my browser settings, also those are part of my "personal" settings. You can not look into them and you obviously can not change them. Hope this helps.

How can I get the same effect on my webpage? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
So I've seen a mouse-hover effect on 2 websites so far and I really like it.
This is the effect I'm talking about.
I'd be grateful if somebody can tell me how to get that effect on my webpage.
It only appears under your cursor when you hover over the page.
The site you have linked in the comments uses the HTML canvas element. But You can simply use already existing libraries for that effect.
Examples mentioned in the comments:
http://jnicol.github.io/particleground/
http://github.com/VincentGarreau/particles.js
Simply, Go to the webpage you wanted to Copy it's effects or anything from it
Right click, View page source
If the effect is made by Css, you will find it in stylesheets tab
If it's using jQuery/Js, Search the head for <script> , Read them and copy the effect (assuming that you understand js/jquery
For more simplicity, use Firebug, open it and just point the cursor at the item you want to see it's source.
But, actually
You can find it at github Here
Change what you want.

HTML/CSS for an infographic page [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'm looking to create a web page that incorporates an image of a house - with various parts of the house responsive to mouse clicks. The house would be the single primary element on the page.
Given that I will probably employ an illustrator to make an image, should I:
try and make it 'box-like' so that I can do it in HTML5/CSS3
use SVG to get as close to the design as possible
use an imagemap and Javascript for detecting the clicks on the image
if it was a chart-type infographic, I would use a charting JS library but it's more of a custom image.
Links to informative URLs or example pages would be greatly welcomed.
I'd suggest using SVG.
In this way you don't compromise on the quality of the image yet you retain an easy way to 'assign' certain parts of the image to have event handlers attached to them.

Film strip image gallery [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
This is the layout of what I want to do.
2 divs are there.
Below one(rectangle shaped) should be used for image thumbnails which can be scrolled horizontally
Square on above is for the image that will be shown when clicked on thumbnail
Can anyone guide me how to proceed for thumbnails and scrolling.
Building something like this can be quite straight forward but can be time consuming. I think that the best way you should go around this would be to use something that is already been developed and is already out there and is free.
If you take a look there seems to be a lot of people who already have the code built and ready for download similar to what you are asking for
Hope this helps!

Html 5 Canvas image Gallery [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I want to create a image gallery using Html 5 Canvas and when I hover a image, it must grow and change opacity. In addition to image selectable and draggable?
How can I do this? Any ideas?
Well sir, first try to code anything and then come to ask for assistance with particular problem. For now it looks like you have no clue about subject and not even tried. I can anwser a question like how to manipulate opacity in canvas, how to implement drag and drop, etc...
but NOT I need someone to implement my whole idea for me
I should also point out that Canvas isn't probably the best technology for this task (in the meaning of both performance and implementation difficulty).
If you insist, you will have to rewrite all functionality which is already easily accessible with DOM and libraries like jQuery.

Categories