All you have to do is save the Flash as an MP4 movie. Then you can use the HTML5 video command ( http://www.w3schools.com/html5/html5_video.asp ). You will need to use the MP4 version that Chrome and Safari use since they use the webkit.
Additionally you don't really need to use HTML5 if you don't want to. JQuery can do the same effect without the new markup. This is just an example: http://nivo.dev7studios.com/ but if you do a search for JQuery Image Sliders you will find many examples.
1 person found this helpful
This can easily be duplicated with jQuery, no need to HTML5 specific code. Here's one example
This is just one of many... do a Google search for jQuery Slidesows, you'll find lots.
I haven't used Flash for this sort of thing in long time.
Lawrence *Adobe Community Professional*
Complete Shopping Cart Dreamweaver
Same here Lawrence and it's so much easier to maintain than a Flash slideshow.
Upload the image, add a line to the jQuery code to include the new image, done.
Lawrence, this is very helpful, but it's not a solution -- yet.
With dreamweaver CS3, to make the slide show, I just told it to Insert>Media>Image Viewer and then I could edit properties easily. The jQuery website tells me to:
Open a script tag, define a "document ready handler" (see the jQuery tutorial if you wonder what it means) and activate my plugin on the
divyou created in step 2:
And that is precisely where I am lost. I went to a number of websites to try to learn jQuery and they start you off at ground zero, assuming you are editing code using a text editor or something other than Dreamweaver.
- Is there a way I can have Dreamweaver automatically insert the code needed by the jQuery slideshow much the same way it inserts code when i create a Flash image viewer?
- I did download and attempt to link to Tobia's jquery code. I opened a new window in Dreamweaver, called it Java saved it as jquery.cross-slide.min.js and pointed to it in my page. No images appear, no slide show happens.
Can you point me to a tutorial using Dreamweaver so that I can get jQuery working correctly?
Dynamic Drive gives good info on how to set-up a jQuery Fade-In Slideshow.
If you are looking for something with automation that works inside Dreamweaver, then you might want to have a look at our Presentation Frameworks:
You might also want to visit the other leading Dreamweaver Plugin developers, Webassist and DMXzone to see what they're offering in that category.
OK firstly, Al, your company makes outrageously wonderful plugins. And I just spent a good hour going through Project 7's offerings, all of which do solve some knotty problems, integrating Dreamweaver 7 through Dreamweaver CS5 (11) with some of the most modern ideas in web design.
I saw nothing on the Project 7 website that fit my specific need, though I have just come up with a large number of ideas that would make purchasing a Project 7 solution a great idea.
Obviously, the answer lies in jQuery, though I have not yet found a Dreamweaver Plugin that will make things work simply. I am still going through some of the jQuery tutorials, trying to come up with a cogent solution that will be easy to edit and modify as my clients' needs change.
One thing that I do see in my near future is the use of an Apple iPad to take to a client site to show my work, take notes as to the client's needs and to get work done efficiently. I'm sure everyone here knows that using Flash on a website will be a problem if I'm showing off a website I built that uses that technology on an iPad. Of course, I'd love to see Adobe make Flash animations export as something that would work with browsers that do not support Flash.
What I am concerned about here is that my websites be absolutely accessible to all persons, regardless of their handicaps and regardless of their browsers or the appliance (be it a computer or an iPhone) being used to view that website. I do not wish any of my clients to lose any potential business due to my choice of a technology that is not viewable.