Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I want to display a huge image inside a viewport in a html page. I would like to be able to drag and drop the image to move it inside the viewport, like in Google Maps.
Any library where I can find such component?
Thanks in advance
Check this bad boy out --> http://www.ajax-zoom.com/
EDIT
If that doesn't float your boat, look at this --> http://wayfarerweb.com/jquery/plugins/mapbox/
You might be able to use SeaDragon. The technology and interface work really well. Follow the developer link for lots of options.
You can try out using simple javascript window objects such as the mouse pointer locator and then use it to change the background position of your image that would inturn act as a magnified image.
Here is the complete tutorial : http://www.hklabs.org/articles/image_zooming_with_javascript
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I am developing a site of my own using WordPress and I am stuck at a situation. I would like to remove the white bar below the header image so my main page's content gets displayed higher. This white bar is useless as I cannot edit or move it. I would really appreciate it if any of you could create a custom CSS code for me that'll solve my issue. Thanks a lot in advance.
Here's the website: www.okosmostismousikis.net
First try to inspect in the firebug, and find the problem. If unable to that simply do the following changes
add in the css
.mythemes-white.mythemes-default-content{
display:none;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I'm trying to find examples or keyword that I can use to Google how to create Bootstrap sites with scroll options as show in site below:
https://stockflare.com/landing
Or how when scrolling down the image stays static while in view:
http://welfordmedia.co.uk/
Any pointers would help.
Here is a link to codrops where you can download working sample.
This is the same as your first example.
The second example would use position: fixed; in your css code.
I don't think there's true "scrolling" involved in the first page... It appears the page just captures 'scroll' events, determines if the event was for an up or down scroll, then runs a JS/css animation that slides one div away (absolute position, gradually decrease top: to 0 - height)... This simulates scrolling and exposes the new 'page'.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I need to create some relatively complex image maps (like this) but fear doing them by hand. Is there a tool I can use to create complex maps easily? (Idealy a Windows or Mac app, but web apps also welcome)
You can use CSS.
Just make a <div> relatively positioned and have a background image.
Then, place a bunch of absolutely positioned, block-level <a> tags with certain widths and heights within the div. You can use Firebug to alter the anchor tags' left and right properties until the anchor tags cover their appropriate positions.
Fireworks can create and export image maps very well.
Don't forget to add Matt Stow's Responsive Imagemaps Plugin from http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
Can anyone recommend some good tutorials for Away3D? In particular to create similar effects to those on their home page.
http://away3d.com/
Went to the tutorials page but nothing there...
http://away3d.com/tutorials
You would slice up your bitmap into equal squares, and then apply these slices to the front sides of an array of cubes.
Then simply tween the cubes with some random depth, and scale factors.
These aren't tutorials specifically for the effects you're looking for but these helped me get a better understanding of how to use Away3D when I first started playing with it.
http://www.flashmagazine.com/Tutorials/category/away3d/
Unfortunately, I don't recall ever seeing any tutorials specifically for the transition effects you're referencing.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Imagine a web-designer built several mock-up html pages. Now it is time to start development according to these mock-ups.
First of all I would like to know that all mock-ups are there, i.e. every link has corresponded mock-up page. I can't just click hyperlinks, because they are empty ('#' url).
And secondly, I would like to have kind of map, where developer can look at and figure out transitions from the page and hence fill it with appropriate urls.
Does any body know any tools that can help to make such documents which reflect my needs stated above?
Thanks in advance
MS Visio for Windows or OmniGraffle for OSX can help you build a scenario project where you can design an interactive diagram where each box represents a page. When you click a box it shows the page mockup associated with this box. You can also draw lines between each box that represents links to other pages from this page.
balsamiq a flex app
Axure windows desktop app
Expression blend 3 from Microsoft has Sketchflow.