I want to create a slideshow with this aspect:
http://i.stack.imgur.com/f7JfI.png
One of the pages of the slideshow should be divided in 6 squares per line, there are 4 lines, each square is clickable and should trigger a animation like the one that is on the image when the mouse hovers on one square.
There are guides and etc for slideshows, but not for this i want to make, i didnt find any.
Help is highly appreciated.
Without seeing your code, it's a bit difficult to help. However, I found two resources which may be able to help you. They explain how to build slideshows with JavaScript and CSS. From there, you can build each slide individually and add the properties you want through a simple table that takes advantage of animation.
This resource shows you how to build each slide from the ground up in a nice way. This one in merely source code on a fancy, animated slideshow, but certainly interesting and the code may shed some light on your own problem.
I hope that helps!
Related
I'm using a slideshow on my website, basic functions...left and right buttons.
For some of the images, it would be nice to have an additional viewing option, where there would be mini images to the right of the main slide show image, and if you click on an individual image, it would replace the main image with that.
My reasoning is, this is an art website, and for some works it would be nice to view it from a different angle.
Does anyone know any good examples of something like this?
For reference, this is what I'm more or less using at the moment: http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_self
Thank you for any help.
I have a basic idea for an image of a human being, where the user can hover their mouse over different areas of the image (for example, over the feet, or the lumbar spine) which will activate code that can display information on various clinical conditions pertinent to the 'hovered' area. I appreciate this is a very basic question, but what is the best and simplest way to program for this?
You need to use map tag. Draw over the image the different parts, with an id for each one. Then, you can display different info with javascript when user made over a section.
map tag info:
http://www.w3schools.com/tags/tag_map.asp
first post on here so be gentle!
I am currently designing an ad banner for my college assignment, the main feature i have is a car spinning, like a full 360 degree view.
Now I have took all of the media I needed and photoshopped them to how they need to look I just need some diction of where to go next.
I did want it where you can click and drag anywhere on the screen and it pulls the car around to where you want it, but I don't even know where to start with that! (please help if you can)
So I thought I would instead have it as a sort of image gallery with a next and previous button to select the next frame you want. But I don't like the way it looks so I was wondering if there was a way with action script where I could click on a button(next/previous) and the car would spin until I un-click? Rather than me having to keep clicking to load the next frame.
Also if I could I wanted a left to right scroll bar what could control the images, do you know any way of doing that?
Many Thanks in advance for ANY help!
Jordan.
If you want a commercial solution:
Krpano -> very advanced, excellent support, highly recommended for panoramas, 2D object is a bit lacking tho. Examples of 2D object
Object2VR -> very easy to use, not that great support, lacking API.
I would go personally for krpano because it is simply a superior tool. Great for panos, tons of possibilities. If you want it easy, go for Object2VR.
Now if you want to program it, and you need to program it, there are many options how you can do it. First of all, you need to load all the images into your app. Even if you don't maintain them in memory (that would be prefered, tho), you should load them so they are cached and can be reloaded fast. Your rotation can be achieved by "re-loading" the next image, or if you keep them in memory by simply referencing the next index of the array/vector. You always keep a reference index and upon click you simple increase the index and load the image. You than swap the images. It is too broad to explain, you will simply have to begin and ask for advice with some specific code.
So I'm incredibly new to AS3, and barely know my way around.
I built a simple colouring book game, essentially changing some of the graphics of a tutorial, and replacing numbers and sizes to fit what I wanted to achieve. I then built a menu screen in a seperate scene and linked the two with code snippets and buttons to go back and forth.
The colour pickers are generated when the game is ran, however an issue I seem to be facing is that when I go back to my main menu, they are still there.
Can someone point me in the right direction as to how I can fix this? I'm sure it's a rather simple fix. I can provide the code from the tutorial if needed
I think you're right you need removechild this color to remove one color from stage... Maybe you need removechildren to remove all color, whin are on stage... Try this two way
I've been tasked with creating an HTML5 demo that basically consists of a rotateable cube. Each face should have different text on it, and then when you tap a face it should animate itself so that the face expands to fill the entire screen.
Are there any good (simple) tutorials out there that show how to do this? Everything I've found so far is excessively complex and appears to contain a great deal more code than just what I need. I have a basic understanding of HTML elements and javascript.
Check out whats going on at http://www.htmlfivewow.com/slide44 which tackles most of your cube needs. Hit right key a few times and you'll see it going. You should be able to work from that. It's all just <div>s.