Flash and Moving Site images

I am firstly wondering if flash will ever be widely supported again.
I want to make my shop http://www.bohaglass.co.uk/shop/ more interactive as some of the pieces are very tall and some are quite short. At the moment you can only see a square view of the pieces.
These changes need to last a couple of years to make them viable, but aside from an HTML5 gallery I can't figure out hhow to create a moving carousel effect that people can flick through and choose a glass item.
In an ideal world, flash would be supported by mobile devices and any images contained within the flash could be indexed in Google images. People like movement on sites and a gallery slider is just not cool enough.
Has anyone got any suggestions of how I can create a moving carousel effect in my shop and also what is the long-term deal with flash.
All advice / suggestion gratefully received.
Anna Kirsen
Owner
Boha Glass

I am firstly wondering if flash will ever be widely supported again.
Don't hold your breath.  Apart from some glaring security issues which were never fully addressed, Flash players suck the life out of mobile batteries in seconds rather than hours.  In 2011,  Adobe stopped developing Flash player for mobile.   IMO, it's got no future on the web.
HTML5 and jQuery are the way forward.  There's not much you can't do with jQuery and it is widely supported by all devices.
to show what you can do, copy & paste this code into a new blank document.  SaveAs TEST.html and preview in your browsers. This is HTML5, jQuery Cycle2 with the Carousel feature and jQuery Fancybox viewer.  For best results, thumbnails should be same size and ratio, but the full-sized images can be whatever size/ratio is required.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, Cycle2 Carousel and Fancybox</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--FANCYBOX plugins-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<!--Cycle2 Plugin-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<!--Cycle2 Carousel-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
<style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
aside {float:left; width:25%; border-right: 1px solid #666; padding:2%;}
article {float:left; width:75%; padding:2%;}
.slideshow img {
border:4px solid #999;
/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color:#09C; }
.cycle-pager > * { cursor: pointer; }
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Carousel Slider with <a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer</h1>
</header>
<aside>
<h2>Left Aside</h2>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.
Aenean tristique enim ut ante dignissim.</p>
</aside>
<article>
<h2>Article</h2>
<!--begin slideshow-->
<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="2000"
data-cycle-pager="#pager"
data-cycle-carousel-visible="5"
data-cycle-carousel-fluid="true"
data-cycle-slides="> a"
>
<!--insert thumbnails and links to full size images below-->
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 5" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 6" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 7" /></a>
<!--end slideshow-->
</div>
<!--begin Cycle2 pager-->
<div class="cycle-pager" id="pager">
<!--end pager-->
</div>
</article>
<!--Cycle2 function code-->
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
<!--FancyBox2 function code-->
<script>
        $(document).ready(function() {
            $('.fancybox').fancybox();
    </script>
</body>
</html>
Hope this helps,
Nancy O.

Similar Messages

  • New Flash and HTML site

    Let me know what you guys think of this site:
    http://www.limevacationrentals.com
    Cheers,
    Gorka
    www.AquiGorka.com

    Thanks for the comments, I guess you are right on the music
    button, I'll see if I come up with a solution for it.
    I used Flash, Dreamweaver and Photoshop, that's all you need.
    Cheers,
    Gorka
    www.AquiGorka.com

  • Flash and java using image io

    ImageIo is the new api for image input and out.This api provide architecture for writing plugins for images extension .Is there any plugin available for imageio which treat flash movies as image an show flash movie in swings components

    I have used flash as a menu in jsp page and I am calling my jsp pages through Flash,
    write if u need anything specific,
    Samir

  • Feature Request: Scan attached drives to automatically find and reconnect "missing" images

    This is the kind of thing that computers are good for. I'm surprised that we've made it all the way to version 5 without this feature being added.  It would be relatively easy.
    Scan the catalog to make an internal list of all images that are "missing" (the raw file is not found where the catalog says it should be).
    Scan the attached hard drives and make an internal list of all images on the system.
    Compare the file names, sizes and dates of all of the found images and match them up. 
    You could provide a UI to confirm the reconnected images, or simply do it automatically.  If desired, you could use EXIF data in the images to help confirm that the proper images are being connected.  In fact, this step could be used as an "advanced" option to find images where the filename has changed.
    Thanks for your consideration!
    David Terry
    (an original Raw Shooter and RawShooter/Pro user - which Adobe purchased and turned into Lightroom 1.0 - it's been a wonderful ride so far!)

    Eliminating step 2 eliminates the security of an immediate backup.  I don't want to ever tell a customer that I lost their images.  The backup is done just as soon as possible.
    Doing the processing on the SSD while having backed up to storage lets me get through thousands of images on a weekly basis (all things related to weddings as well as family portraits, seniors and the like). 
    The syncing process is automated (in fact, most of my processes are).  It keeps *me* fast and efficient. 
    So why argue against a tool that can benefit not only me but others that have lost their images (for reasons having nothing to do with me or my workflow)?  I am involved in many forums and have frequently helped people to find their lost images.  I love that Lightroom easily reconnects the images.  The only hard part is finding what happened to them (often they did a bonehead drag and drop of a folder and moved the images somewhere they didn't expect, sometimes they changed drive letters, sometimes they purposely move files and just don't realize the repercussions). 
    ALL of these people would benefit from adding this feature.
    Why try to argue against it?  I don't need a solution to my workflow.  I love my workflow.  I just think this feature would be beneficial to me and lots of other people.
    Thanks for understanding.

  • Image files in flash and fullsceen

    hi @all ..
    i'm sperimenting with a function to turn my flash site to fullscreen and i know that the best way to design such a site is to draw everything in flash using vector graphics ..
    BUT
    i have a site (wedding photographer) with lot of pictures and my logo and they are all jpg - png files ..
    obviously when i toggle to fullscreen every image that is not a vector graphic is "zoomed" and you can see the actual pixels in the image and on the cornes ..
    i wondered if there is a possibility to insert in the flash file the big images (like photos in full resolution of the monitor) that will be resized to small images when the site is not on fullscreen and that are displayed in their full size when in fullscreen ..
    now if i put only the big images in my flash file and resize them in the flash they get unsharp because they are bigger than they are displayed (lets say they are 1280x1024 and in the flash they are displayed in 1024x768 --> they are unsharp and you see pixels.. same thing if you have 1024x768 images that are displayed in 1280x1024)
    is it possible to have both resolution of the images and that they swap from one to other according to resolution of the flash file?
    i think it's not possible but if it is it would be apreciated

    Yeah, this forum is entirely appropriate for your question.
    The problem is an old one with Flash. The reason you see the
    'ghosted'
    background in the alpha channel of your PNG is that you have
    your colour
    depth set to 16 bits. If you crank it up to 32 bits, the
    anomaly will
    disappear. Unfortunately there's not a great deal you can do
    about it,
    except to break apart the image and actually delete the parts
    you don;t want
    to be visible.
    Remove '_spamkiller_' to mail

  • I have a Flash Sample to rotate images and text but I not find a way to display special characters

    Hello everyone.
    I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
    I've posted here, a complete copy, so any of you can download, view and use it freely.
    I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
    In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
    If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
    After all compressed in .zip format is a very small file: 430K.
    Click here to download the complete sample.
    Thanks.
    =====================================
    Translated using http://translate.google.es
    =====================================

    Hello Rinus,
    If I understood your last post correctly, then problem 2 is resolved, right?
    Regarding problem 3:
    I'm not asking you to share exact VIs.
    I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
    The terminology you're using isn't clear to me without an extra explanation.
    This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
    Based on the first post it is not clear to me what you mean with:
    - A "button element":
      Are you talking about a control, an indicator, a cluster that contains multiple control?
    - The structure:
      Is this an event structure, case structure, for loop, ...?
    Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
    Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
    This will allow me to help you and also allow me to guide you along the right path.
    Kind Regards,
    Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
    CLD, CTA
    If someone helped you, let them know. Mark as solved and/or give a kudo.

  • The images imported to my stage turn up as blank and render every image previous to the rogue imported image as red squares that fill the perimeters of the image which then renders the publishing and scene testing features in flash useless, what can i do

    I have been working on animating a scene in flash for a few weeks and recently I have encountered a problem with importing my images on to the stage where the images I import do not turn up, however the key frame that I attempted to import the image onto shows that it is occupied by an image and every frame previous to the key frame that just imported an image that does not show turns up as a red square that fills the original perimeters of the image, there is no solution to this problem any where on the forum and the adobe technical support staff will not help me find a solution to this problem what can I do to get Flash running normally again and fix this problem?????
    Also after the first time i publish a preview after i begin using flash, flash renders the publishing and scene testing features as useless and claims that there is no HTML template found, or if the images if i import any images onto the stage that come up blank and render every image previous to that image as a red square and then try and publish a preview  flash renders the publishing and scene testing features as useless and claims that there is no HTML template found. What can I do to fix this problem??? there is no solution on the web anywhere to this problem either.

    I don't know if Flash has a memory limit of its own. The memory for your Flash file is based on the available memory on your computer.
    There is a limit on the number of frames that you can have in any given timeline. I think that it's about 15000 frames, but that's a guess. Flash does all of its work at runtime, this means that no part of your animation is pre-compiled like it is in a video file. So the more objects that you have on the stage, the more work Flash has to do. It follows that the more objects that there are to animate, the more work your processor and the video card have to do.
    Here's a list of articles on memory management that might be useful:
    Garbage collection internals for Flash Player and Adobe AIR | AdobeDeveloper Connection
    actionscript 3 - What are good memory management techniques in Flash/as3 - Stack Overflow
    AS3 Memory Management Tips

  • Image size changes when moving an image between Lightroom and CC.

    Image size changes when moving an image between Lightroom and CC.
    I opened a .dng image in LR and then opened it in the Develop module.  I clicked on Crop Overlay and then on the ‘As Shot’ drop down menu (the lock is closed) and cropped to 11 x 17 and clicked ‘Done’-.
    I click Cntl-E and the image opens in CC.  There I click on Image > Image Size and the Image Size  is 13.288 inches by 20.533 inches.
    Why does the image size change?
    I believe there is a menu to control the size of the image and I've looked everywhere I can think of in LR and CC, I googled various descriptions and I checked two of Scott Kelby's books, but I just can't figure out how to keep the image a consistent size when moving between LR and CC.
    Help!...Please?

    The penny will drop soon or maybe the cloud will lift.
    In Lightroom all editing is undoable/nondestructive.
    Hence a crop of 3x2 is not inches, centimetres, pixels or anything else. It is jst a ratio. When a file is exported, either to PS or disk, then the crop ratio has size determined in respect of pixels and inches or cms.
    So my 6000x5000 pixel image I will crop to 3x2 that leaves (before exporting) a 6000x4000 file.
    Now when exported it can be set to export at
    100pixels per inch and will end up at 60x40" when printed.
    200pixels per inch will end up at 30x20"
    300ppi will end at 20x13.3"
    You will notice in the Crop Tool there are no size denominations such as inches or centimetres as an image file only has pixels and the determination of size is done through exporting or printing.
    Hope that helps somewhat..

  • Import and export the image in flash

    HI! Guys!
    I am Quite New to to flash in this enviroment so please i
    need help can any one help me out in this problem.
    the issue is I need to upload the image from my desktop to
    certain flash animation by draging and generate the image from that
    final Flash animation and save it in my computer.
    Dijup

    if you're using flash 8, you can use flash to upload a file
    (using the filereference class) to a server that hosts the swf. and
    if that file is a jpg or gif, you can load it into flash. however,
    you can't drag and drop a file into flash.

  • How can I see how often and where an image is used in the site?

    Just realized the post appeared twice as at first sending I
    got an error page (contains no data...).
    So, please do all answer to the other post, so that all
    replies get collected at one post only.
    Hello,
    please excuse my maybe dumb question but converting from
    GoLive I am still trying to find several practical effective
    workflow features in DW ...
    1. where in the sitewindow/assets or files panel can I see an
    indication at each image if and how often it is used in a site?
    2. and where can I see/check on which pages it is used?
    Thanks in advance for guiding me there ...
    bye,
    Beate

    > How do DW users know how often and where an image is
    used on the site
    > then?
    I'm not sure what the benefit is of knowing how often an
    image is used, but
    a search for the image by filename would do the trick.
    And just so you'll know, this is a peer forum, not an
    official communication
    vehicle to Adobe. We are all just users here, not Adobe
    employees.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "beatrice" <[email protected]> wrote in
    message
    news:[email protected]...
    > OK. I sent the below feature request.
    > How do DW users know how often and where an image is
    used on the site
    > then?
    > always doing a find/search?
    > in GoLive there was an simple window where all the files
    a page consisted
    > of
    > were listed plus all the files that were pointing to
    that page. such,
    > without
    > having to open a page links and image and componentes
    etc. could be
    > changed via
    > point&shoot.
    >
    > Couldn't you all think of this a being great and helpful
    and making site
    > management easy? Then send in a feature request as well,
    please.
    >
    > ...............
    > How can one know by the assets or files list if an image
    is used at all on
    > the
    > site?
    > and how many times? and on which pages?
    > This is very useful to know especially in larger sites.
    > e.g. an image should get changed on one page, now it
    would be very good to
    > see
    > if when it was used on other pages as well if it would
    make still sense
    > there
    > when changed.
    > as DW can update files (when e.g. an image name gets
    changed) there is a
    > way
    > this is already recorded. why not take this records and
    send this back
    > into a
    > list/column in the files panel to indicated that the
    image is used and
    > how
    > many times.
    > plus to have another window that can display all the
    pages the image is
    > used
    > in.
    > so one could click through all those pages and open them
    to check the
    > image
    > there.
    > in GoLive that feature was called 'In and Out links' and
    one could see a
    > page
    > in the middle and left and right from it many
    branches/lines at which ends
    > the
    > filenames were visible used in that page.
    > so one e.g. could also point and shoot from this list
    and change a file or
    > image or component simply by point and shooting to the
    files panel without
    > having to open the pages.
    > These features were so practical for an effective daily
    workflow that I
    > don't
    > understand why they haven't been put into cool DW yet.
    Please, please do
    > so in
    > the next release. I can test it thoroughly if you need
    testers for it.
    > bye,
    > beate
    >

  • Creating and moving images

    Hi, I would like to make a game as hobby in Java but have no clue of anything. Can anyone show me how to create and move the images? I don't know how to show an image in window but I do know about JComponents and actionListeners such as mouse and key. Thank you.

    look at the image and applet api and then create an image with the getImage method in the applet api
    once youve created it, paint it in the paint method
    to paint:
    g.drawImage(Image imageName, int xPosition, int yPosition, Component? imageProducer/**u can just use this*/);then youll prolly hav a speed variable.
    just do things like
    xPosition += xSpeed;
    and
    yPosition += ySpeed;
    then the update method to make it not flash... rememb to add Graphics dbg as an instance variable...
    public void update(Graphics g)
              if (dbImage == null)
                  dbImage = createImage (this.getSize().width, this.getSize().height);
                  dbg = dbImage.getGraphics ();
              dbg.setColor (getBackground ());
              dbg.fillRect (0, 0, this.getSize().width, this.getSize().height);
              dbg.setColor (getForeground());
              paint (dbg);
              g.drawImage (dbImage, 0, 0, this);
          }

  • I've moved some images and i didn't do it in PSE and now PSE can't find them.  How do i correct this

    I've moved some images on my computer and didn't do it in PSE.  Now PSE can't find the images i moved.  How can i fix this?

    File>reconnect, and then help the organizer out by pointing it to where you moved them.

  • Flash and aspx with some sites just not loding

    hay all,
    i just installed minefield to day on my Linux pc.
    and i just went on some of my usle sites and i notice that flash content wasn't working or displaying and on aspx sites content was not loading.
    i cheeked that flash player was enabled.
    and one have same issues or know how to fix them?

    hi cor-el yeh checked that flash works on the flash test page , flash works on
    sites like youtube but wont work on sites like bbc iplayer and the site you linked
    http://kb.mozillazine.org/Plugin-container_and_out-of-process_plugins
    won't display.
    rkiga i have the same issue with http://listen.grooveshark.com/ , i don't use ad blocker but read the blog and i can see that the new java engine can crate some issues and i have used the 64 bit flash player gives nothing but headaches gives random crashes spent alot of time trying to get it to work but just gave up and reverted to a 32 bit os.
    i really hope Mozilla find a way to fix thees issues soon i relay like this as a web browser and hope to start using it for testing soon.
    i believe im on the beta 8 version

  • Image width difference from flash and photoshop while rotating

    Hi,
         ->     I have loaded a image in the flash and a copy of a image in photoshop.
         ->     Then i have checked the width of a image in both the application and they look same.
         ->     In flash window>transform>angle i have given angle 0.7
         ->     In photoshop Image>Image Rotation> Arbitary i have given angle 0.7
         ->     I have checked width of a image in both the application and they are not same.
         Couldn't able to figure it out the reason for the change. Could any one assist me for the same to acheive the same.
    Thanks and Regards,
    Kamesharan A.

    Something like 0.7 won't really show up very well for an example so here's PS CC and Flash CC rotating (approx) 200x200 px red square 20 degrees. They look pretty exact to me (although drawing and placement was done by hand so the slight difference in position is me). Rotation looks good.
    Here's what I get from measuring width (but of course the width is of the rotated object), 256px or so on both:
    For hand drawn 200px squares (one is 199.2px, etc) that's showing you it's pretty exact.
    Mind you if you do a Image Rotation (I did a transform) then it will rotate in Photoshop via a different point. The rotation of the object itself looks the same (and the width is 257) but it's just positioned differently.
    Your results should be similar.

  • I've updated Muse, and now my live site images are gone...

    Hello, I've recently updated Muse... Now when updating my site, all images are missing. I've followed other discussion advice and deleted all files from server and reuploaded site from my FTP client. Also, deleted HTML site from home computer and exported a fresh version from Muse. Neither is successful. My conundrum is... I have a second computer with an older version (did not update this version of Muse), when I re-upload my original HTML site through FTP, everything is back and working. Deducing that it's a problem within Muse... So, I went back into Muse and made sure all assets are present and I have no errors. Am I missing something? Please advise, I would love to update my site...

    Hello Brendan
    If you open the pages (that were exported from Muse) locally from your computer, do they look fine? You need to go to the place where you exported as HTML from Muse and open the pages from there. If they look fine there, then the version of the pages exported by Muse is fine.
    Cheers
    Parikshit

Maybe you are looking for

  • Pairing iphone to mac mini

    after pairing, trying to brows the iphone, i get this error message on the mac mini - "the device does not have the necessary services" both machines are up to date with latest ios.

  • Is it possible to bypass the interactive report

    Hi - Is there a way to skip the interactive report and go directly to page 2 of my application if the report only returns one row? Thanks, Matt

  • EXT3-fs error (device sda6): in CONSOLE of CUCM 9.1

                       Hello my friends, After several days of having my CUCM working properly, the CUCM show me EXT3-fs error (device sda6): xxxxxx , my TFTP service is down and never go UP again. I restart the server and the problem didnt go away. Any

  • ABAP Open SQl or EXEC SQL

    1.     I want to do following: Select material_no  from mara where material_type in (u2018XXXu2019, u2018YYYu2019, u2018ZZZu2019) Where material_no, mateial_type will re replaced by the actual field names. Is it possible to do that in OPEN SQL or do

  • Handling multiple Webview in iPhone

    i am not able to display multiple webviews in a window. can anyone have a answer for this. my code has method created 3 webviews and added to a view (void)webViewDidFinishLoad:(UIWebView *)webView [self addSubView:webView] ; which displays first webv