Flash :: Interactive Mosaic-like Gallery With Jquery?
Mar 29, 2012
I've been tasked with recreating the Flash portion of this site in html/java/css:[URL]..
I'm fairly new at javascript but I know a good amount of html and css.Trying to figure out where to start. As you can tell from the flash section, this isn't a standard gallery or slider setup. The nav is overlayed on top of the slideshow and has rollover states.[URL]..
But I'm not sure how to overlay the nav controls on top of the content. Plus it wouldn't provide a decent image transition.It seems like this would be possible to recreate in a non-flash environment, I'm just not sure where to start.
View 1 Replies
Similar Posts:
Oct 26, 2010
I've made a gallery slideshow before but wasn't as intuitive looking back at it now and I want to start fresh on this new project. I would like to convert a jQuery lightbox style gallery into a flash XML based AS3 image gallery with categories. I don't want to code the FLA, I want separate AS files.
This is a school project for my website. I would use jQuery and I have more experience with it but this project needs a flash component. I'm just not sure where to start and looking for some advice on how and where I could find resources. I want it to be minimal as I can make it;
- 8 thumbnails to a "page/section" with more flowed into page 2 or 3 etc. (or a srcoller)
- a few buttons for categories
- images fading in full size with a description when hovered over and a close button
- preloader (simple bar)
Esentially something like this > http:[url].........works which is using http:[url].... for the thumbnails. That might be ambitious but I'd suffice with a simple fade effect.I've downloaded some galleries out there but most of the code is messy or outdated.http:[url]... this is alright, but all the code is done in the FLA. I might break it into AS files but it depends.
View 1 Replies
Jul 29, 2011
The question is simple. I dont know about the answer.Is it possible to use a jQuery gallery in a flash 8 document made with ActionScript2, and how?
View 1 Replies
Jun 28, 2011
I've been tasked with creating an interactive sector map that has over 200 companies plotted on it. The map would be of the UK with the location of each company plotted as a dot. On hover there will be a popup box that shows all the info for each company.
What would be the best to build this? Is there any kind of pre-built Jquery or css maps out there that I could adjust to my needs?
As a side note, I'd need to hook this up to Wordpress.
View 2 Replies
Nov 29, 2011
i'm having a problem with embedding a full screen flash gallery. when clicking a thumbnail executes swfobject.embedSWF which creates the flash-object and the gallery is showing up. when closing the flashgallery, i'm removing the whole flash-objects. then when clicking another thumbnail, swfobject.embedSWF for embedding the object simply doesn't work anymore
View 1 Replies
Nov 17, 2011
I'm trying to create a simple interactive image map where the user would be able to hover the mouse pointer over a part of the image and the setup would in turn animate/show/unhide a pop-up box (not new window!) next to the mouse pointer's current position containing text, images, &| clickable links. However, in the example, it is not an image map, but 9 small images. Each image becomes a bit larger when hovered over, and when clicked, loads the image into the right of the page. I'm looking to satisfy these criteria: I want to use an image map (HTML or other) instead of 9 small images I want the hovering action to also load the image - remove the need to click the image I want the page to be viewable & interactive from all popular viewers - desktop browsers, mobile browsers, iPads, Android tablets, etc... I'm not sure what platform (aka - mix of dev tools) to use in order to satisfy the list of criteria above. The main goal is for the last item in the list of criteria above to be satisfied. I could probably sacrifice the first or second criteria from the list above if that's what needs to be done in order to satisfy the last item. The couple of "platforms" I thought of using were: HTML + CSS jQuery + CSS Flash + Actionscript Javascript + AJAX What set of tools should I use to pull this off?
View 1 Replies
Jul 12, 2011
I'm doing photo gallery and like to enlarge an image when I click on it with some animation like it's in flash (the picture slowly expands first by x-axis and after by y-axis and the space around the picture dims), that it scales to it's largest possible size to fit in screen, but it can be any other animation. I found some topics about this, but I don't want to use any 3rd-party plugin (including flash, drupal...) to do it. Maybe it can be somehow done by jQuery...
View 1 Replies
Sep 5, 2010
I'm new to flex/flash cs5, but am an experienced coder, and am trying to help a friend get a site built quickly so they can graduate. They would like their image gallery that displays their portfolio to have:thumbnails floating around slowly and bouncing off of one another - mouse hover would freeze and then resume animation after the mouse leaves - when clicked the thumbnail would grow to the full size image and be displayed in the same window as the floating objects Something similar to whats found at: Flash and Picasa gallery with those other features would be perfect, but without the Google RSS aspect of it. Might anyone know where I could be pointed in the right direction for accomplishing this? Or possibly could be given technical names for the effects I'm trying to implement so I can look them up easier? Perhaps even a link to download something with the floating/bouncing element for the thumbnails, then I could figure out the code for the other effects needed.
View 1 Replies
Nov 18, 2010
i'm getting mad trying to code this mosaic grid with random sized elementsI'm quite used to normal grids, but this one is slightly different, all the elements are NOT square multiples, and once you've tried the "Shake It" button on the upper-right corner, i'm definitely lost
View 1 Replies
Jun 30, 2005
The XML photogallery is really a nice one. How to make the gallery with out buttons (Previous and Next) i.e. if I want the images to load from xml to flash and stay for 4 seconds and fade out giving way to next image, and the whole process loops indefinitely automatically. I want the whole thing to be non- interactive.
View 5 Replies
Jun 3, 2009
I am trying to create an interactive image gallery for use on my GoDaddy.com site. The site is template based and will only accept a single standalone.swf file. As an example GoDaddy shows an image gallery created in Flash Slideshow Maker Pro. However, this is only for a PC platform and I'm on a Mac. I created an interactive image gallery using Jetphoto software. However, the Jetphoto software does not produce a single standalone .swf file. Instead it produces folders containing hi & lo jpgs, an html file, an xml file and a jetphotview.swf file. Does anyone know of a Mac based interactive slideshow program that is easy to use and will create a single .swf file? Or, although I don't know how to use it, I own a full version of Flash. Is there any way to convert the series of Jetphoto files to a single .swf file? When it is opened in Flash the save menus are grayed out. I tried to convert the .swf file back to an .fla file to bring into Flash and that doesn't work either.
View 1 Replies
Jun 2, 2010
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
Here is a snippet of my code:
<script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" language="Javascript"
[Code]....
View 2 Replies
Jan 10, 2012
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
View 1 Replies
Mar 12, 2010
I'm alreadu using jquery library on site.What are pros and cons to use jQuery SWFObject plugin over origional swfobject
jQuery SWFObject plugin
http:[url].....
View 3 Replies
Jun 24, 2010
I'm using the HTML5 JW Player. It sizes the HTML5 video correctly, but shrinks the Flash fallback player; here's an example page: Test Page
If you view that page in IE, you'll notice that on panel 5, the video is smaller than the space it's supposed to occupy. On Firefox, it works fine because it's using the OGG video in its HTML5 video player.Is there a way to resize the Flash video via JavaScript/jQuery to fit the same space as the HTML5 video?
View 1 Replies
Jun 28, 2011
Is there any way to play, stop or gotoAndPlay(anyframe) from JQuery?
View 2 Replies
May 31, 2010
URL...I have searched everywhere for an example, or a library that would allow me to do this without having to build everything from scratch.
View 1 Replies
Apr 14, 2011
I would like to do this images masic transition effect: [URL]. How should I start ... I guess if there is any library available for handling this.
View 2 Replies
Apr 14, 2011
how to make mosaic transition effect among images via actionscript?
[URL]
View 5 Replies
Nov 18, 2010
i'm getting mad trying to code this mosaic grid with random sized elements : [URL] I'm quite used to normal grids, but this one is slightly different, all the elements are NOT square multiples, and once you've tried the "Shake It" button on the upper-right corner, i'm definitely lost.
View 4 Replies
Apr 19, 2011
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?
View 1 Replies
May 3, 2011
I'm setting up a page that uses a flash menu to load html pages into a div container by the following call:
on (release){
getURL("javascript:getPage('test.html')");
}
The loading works fine, but some of my pages had specific jquery scripts and that's where I've struck out so far. I assumed all I needed to do was transfer the script importations, css stylesheets and the jquery functions to my main document, but it won't work.
I also tried importing the html as a the complete html, which works on it's own, but not when imported into the main document. Most recently I heard I should try shifting the jquery function calls to the end of the loaded document, to after the content, My scripts work, just not when imported, so I suppose my question is how can I make the main- and imported documents play nice with each other? What say you we make this a jump-start tutorial for all us noobs to reference?
View 2 Replies
Jan 15, 2010
i am trying to put some things together following the tutorials on this site. I did the tutorial 'Photo Gallery Using XML and Flash'and I followed it step by step and uploaded it with all the necessary files onto my remote server (xml file, Gallery folder, fla, swf, and html) - however, when I test the movie with flash, it seems to work fine (except the description test, my question to that later), but when I test it online it shows only the first image (but displays the correct number of images in the gallery); even when clicking the next button, it keeps loading the first image the first image. In other galleries (I use the structure for multiple galleries for my portfolio) the first image never loads at all.
Also, about the description text, in between the <caption> and </caption>, can I use <strong> and <em> and <br /> to change the appearance of my text? All it says is 'null'.If you want to look at what I mean check out my portfolio in the making. The problem with the first image displaying only is under 'paintings' and both the projects in 'design - packaging'. The second problem (no picture loading at all) is on some of the buttons in 'design - identity' (where I have not changed the description text of the tutorial yet).
Again,
View 3 Replies
Apr 4, 2010
I used jquery tools tooltip and I positioned icons 30 px under flash banner. The problem is when I hover icons, tooltips hide under flash banner , I gave high z-index to the tooltip div or other parent div in order position that above flash banner, but no difference. At the bottom picture , The green section is flash file and as you can see part of tooltip is hidden.
View 2 Replies
Sep 22, 2011
I'm using the following code to display a fusionchart inside a div tag. The chart is rendered correctly in Chrome and FF, but with IE it's outside the boundaries of my div tag.
[Code]...
View 4 Replies
Oct 22, 2011
I have created a custom lightbox that displays a flash file. The app is required to open the jQuery Datepicker above the flash file.
Here is the problem; only the header, the month name and navigation appear over the flash app. Everything else is below it.
I tried the wmode=transparent trick, but it makes the Flash app transparent and you can see below it. Plus, I believe the datepicker is having the same issue, where the month navigator is above flash, and the numbers are below the app.
View 1 Replies
Jan 5, 2012
In this link: [URL] there is a online planer, its made with flash. but I would like to know if that is is possible to be made with jquery only.
View 1 Replies
Sep 1, 2009
Just trying to make a flash photo gallery that displays all the image files in a certain directory with the usual photo gallery functionality.
View 1 Replies
Apr 17, 2010
I have this particular script that runs so that the flash elements don't show up on top of my slide out navigation. This redraws that flash element with wmode as opaque and so it shows up under the navigation. Works perfectly with Chrome and FireFox but not with IE. In IE I get an Invalid Argument in jquery.min.js code 0 Line 103 char 460. Can anyone help me as to why? If I comment out the second line of code inside the function then there is no error, but then doesn't work in FireFox.[code]
View 1 Replies
Apr 22, 2010
I use a jquery calendar and a flash in the same page.. What happens is my jquery calendar is overlapped by my flash... Any suggestion to make it display above flash...Look at the image and see my calendar Fr,sat are invisible because of flash...
EDIT:This is what i used,
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="702" height="443">
<param name="movie" value="images/homebanner.swf" />
[code]....
View 3 Replies
