How to create a gallery in Catalyst beta 2?

Hi there,
I'm using the latest build of Catalyst and I'm trying to create a simple inventory data list for cars.
Basically right now I have a simple data list like this:
So you can see I have three buttons (asian, domestic, euro) to link to each page which shows a list of the cars from different makes
and I basically want to be able to click each thumbnail in the list, and it'll display the rest of the pictures of the cars.
Each car has 6 pictures from different angles, so how would I go about implementing something like this so it's easy to manage all the data if I have to change the inventory every 2 weeks or so?
Thanks!
- Matt

Thanks for the breakdown Ty!
If I want to go more advanced, say bring in a working system of streamlining the upload process, I assume I'd have to work with flash builder to achieve that right?
Basically the inventory is something that needs to be updated weekly or bi-weekly, which consists of 6 pictures per car, usually each update would require me to upload 100-200 photos, then add the info/options to each car.
Is there a way to work with the layout so I can pretty much drag and drop and make some minor adjustments to make it work simplier?
I was thinking of having each picture or row in the data list be given an ID or something and it reads dynamically from a database?
maybe like Row 1 thumbnail will be like 1.jpg and then the 5 other pics would be in sequence, or whatever, so I just need to batch edit/name the pictures according...
Is such a feat possible?
Please keep in mind I have no coding experience, but I hope I can pickup some skills along the way
Help is greatly appreciated!
edit: Actually I saw a tutorial online where someone made different component/packages, can I do the same and make like a functioning gallery script? So basically when they click on a row, it goes to another state which has the gallery package placed on the page and it allows the user to go forward and back between the 6 photos...

Similar Messages

  • How to create a gallery website

    What would be the best way to create a gallery site for a
    photographer who has many (dozens) of images (9 main
    categories, multiple categories within these 9 categories)?
    She wants a site that looks slick and professional, but also to be
    able to easily modify it herself.
    She does have Dreamweaver, and we talked about doing an html
    based site, where she can change and add images in Dreamweaver.
    However, I'm wondering if we can make it look slick enough in html
    format?
    We decided not to do a flash based site because it would be
    hard for her to modify, and expensive to do the whole
    interface in flash, since it would take too much programming
    time, and the search engines wouldn't see it. (Plus, I haven't
    had time to really learn flash yet.)
    My questions are:
    1. Are there online gallery programs (free, no monthly fees)
    that you like, and that can be easily customized to look slick?
    2. Do you know of any gallery type websites that look
    professional and elegant, either in html or in one of the gallery
    programs, that we can look at ?
    3. What would you recommend for this situation? I've been
    stuck on this for about a week.
    Thank you in advance for any insight or suggestions!

    > 1. Are there online gallery programs (free, no monthly
    fees) that you
    > like,
    > and that can be easily customized to look slick?
    Free? Sheesh....
    I would recommend ImageGalleryMagic - worth every DIME and
    not so
    expensive....
    http://www.projectseven.com/
    > 2. Do you know of any gallery type websites that look
    professional and
    > elegant, either in html or in one of the gallery
    > programs, that we can look at ?
    My brother's site - using exactly that extension -
    http://www.wildimages.biz
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "zzzeeep" <[email protected]> wrote in
    message
    news:[email protected]...
    > What would be the best way to create a gallery site for
    a photographer who
    > has
    > many (dozens) of images (9 main
    > categories, multiple categories within these 9
    categories)? She wants a
    > site
    > that looks slick and professional, but also to be able
    to easily modify it
    > herself.
    >
    > She does have Dreamweaver, and we talked about doing an
    html based site,
    > where
    > she can change and add images in Dreamweaver. However,
    I'm wondering if we
    > can
    > make it look slick enough in html format?
    >
    > We decided not to do a flash based site because it would
    be hard for her
    > to
    > modify, and expensive to do the whole
    > interface in flash, since it would take too much
    programming time, and the
    > search engines wouldn't see it. (Plus, I haven't
    > had time to really learn flash yet.)
    >
    > My questions are:
    >
    > 1. Are there online gallery programs (free, no monthly
    fees) that you
    > like,
    > and that can be easily customized to look slick?
    >
    > 2. Do you know of any gallery type websites that look
    professional and
    > elegant, either in html or in one of the gallery
    > programs, that we can look at ?
    >
    > 3. What would you recommend for this situation? I've
    been stuck on this
    > for
    > about a week.
    >
    > Thank you in advance for any insight or suggestions!
    >
    >

  • How to create photo gallery rollover?

    I want to create a photo gallery similar to that created by the slideshow widget where rollover on the thumbnail changes the enlarged image but I wish to place the individual thumbnails wherever I want (not grouped) eg. one thumbnail on the right, one thumbnail on the left etc. Can someone direct me to a tutorial or step by step instructions on how to accomplish this. I am trying to evaluate the software for purchase. Thanks

    I answered my own question.
    It's Design tab/ Object/ Insert Composition/ Lightbox Display. The thumbnails can be moved anywhere unlike the slideshow widget where they are grouped in one location.

  • Creating slideshow/gallery in catalyst

    I am a designer (non-web) and I really want to utilize catalyst for a portfolio site.
    I was wondering if there was an easy way to create a "proffesional" looking gallery of portfolio images.
    I am somewhat familiar with catalyst, just stuck on this one.
    I would appreciate any help. thanks!

    Maybe these blog post of mine might help: http://chrisgriffith.wordpress.com/2010/12/20/creating-lightbox-galleries-with-flash-catal yst/ and http://chrisgriffith.wordpress.com/2010/09/25/using-custom-components-in-flash-catalyst/

  • How to create Image gallery with mouse move effect

    Hello frndz
                    Please give me any link or flash file which explain how to apply mouse move efect on images of gallery.
    i mean image sof gallery simply move with mosue direction and stop on mouse stop.its very urgent please help me  out
    Thanks and Regards
         Vineet osho

    Try this:
    http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9 b90204-7d00.html

  • How to create a gallery wrap

    I have watched Randy Hufford's presentation on
    episode 159 of Photoshop User TV
    at least 50 times but I can not complete the gallery wrap
    procedure from the point of sizing the canvas.
    When I move the area created by the Marquee tool it
    does not fill. Can someone give me a step by step procedure
    I may follow or point me to a written procedure.

    Okay, where you're going wrong is the step you numbered "5."
    5  To drag I used the Move tool and positioned the blank canvas over the pixels
    Don't use the Move Tool. Leave the Marquee Tool active. With the pointer inside your active selection, clicking and dragging with the Marquee Tool will move just the marquee...not the contents...although...
    The repositioned ‘canvas’ does not show any pixels. The previous position of canvas is shaded yellow.
    ...that bothers me a bit. It doesn't correlate to any Photoshop behavior I recall, and I've been using it since version 3. You shouldn’t be able to "reposition" pieces of blank canvas.
    Anyway, that's really the key thing going wrong here; you make the selection on the blank canvas area simply so that it corresponds with the size of the blank canvas area. What you want to actually SELECT is a potion of the image. So, as already mentioned, you move just the selection marquee to the image, so when you press Ctrl+J, you're duplicating image content.
    It looks like you have the rest of it relatively correct, though once it goes wrong, there's no saving it. Start over, following the steps I' had already posted, and don't change to the Move Tool when repositioning the selection.

  • How to create a dynamic button to download a photo gallery in Adobe Muse?

    I need to create a gallery in Muse, so far so good, but when each photo was displayed automatically would have to see a download option that picture, ie, individual download each photo gallery. Is how to do this? Is there a script for Adobe Muse or widgets?
    I thank your attention !!

    Hi Terry,
    As I already said, this is really a helpful tutorial to me.
    I have one question though. Is it possible to make a dropdown menu that gets triggerd by pushing only the menu button itself and not the whole header? It doesn't seem possible to me, as the accordion panel has to be the same size as the menu. I can't think of any solution but to align a small menu to the side of the screen, which would not be my first choice to do.
    Any workaround suggestions are welcome!
    Thanks in advance!

  • How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

    How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

    You may use slideshow widgets to achieve this. For more details : Adobe Muse Help | Working with Slideshow widgets

  • How to Create a Persistent button on the top HTML gallery

    Hi,
    In my InDesign Folio I have an article with full page HTML photo gallery. The photo grid occupies the full screen. I want to create a Persistent button on the top of this gallery which user can tap to go to the Main Menu page. This button is  always visible at one place even as user scrolls up and down the gallery. I tried creating it on the top layer, and on the top layer for Master page, but the button disapperas when the HTML gallery loads.
    So the user does not see any button to navigate out of the gallery to another article.
    Any ideas how to create the persistent button ?
    Thanks in advance.
    -MP

    Depending on if you are using the HTML as either an article or in an overlay, you may be able to either use the standard navto and goto hyperlinks syntax or place a blank button on top of your link in the HTML.
    I am not sure if using the standard navto and goto syntax will work between an HTML article and an Indesign article. Maybe Bob Bringhurst, Bob Levine, or one of the staff members can clarify. If you are using your HTML in an overlay, you can add a transparent button on top of your link or image to return to whatever page you like.

  • CS6 How to create a photo gallery?

    CS6 How to create a photo Gallery?

    I like Fancybox2.  It's a big improvement over Lightbox &  the original Fancybox.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5, with Fancybox2 Viewer</title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--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>
    <style>
    /**this styles image container**/
    #thumbs p {
        float: left;
        width: 180px;
        height: 12.5em;
        margin: 10px 0 0 20px;
        padding: 10px;
        border: 1px solid silver;
        /**rounded borders**/
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        /**this styles caption text**/
        font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
        color: #666;
        text-align: center;
    /**recommend using same size images**/
    #thumbs img {
        width: 160px; /**adjust width to thumbnail**/
        height: 120px; /**adjust height to thumbnail**/
        margin-bottom: 1.5em;
        opacity: 0.75;
    #thumbs img:hover { opacity: 1.0 }
    /**float clearing**/
    #thumbs:after {
        content: ".";
        clear: left;
        font-size: 0px;
        line-height: 0;
        display: block;
        visibility: hidden;
    </style>
    </head>
    <body>
    <h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
    <!--insert thumbnails with links to full size images below-->
    <div id="thumbs"> <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
    Caption 1 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
    Caption 2 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
    Caption 3 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
    Caption 4 </p>
    <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
    Caption 5 </p>
    <!--end thumbs--></div>
    <!--Fancybox with Iframe-->
    <h1>Fancybox with Iframe</h1>
    <h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>
    <!--FancyBox function code-->
    <script>
    $(document).ready(function() {
        $('.fancybox, iframe').fancybox();
    </script>
    </body>
    </html>
    Nancy O.

  • I cannot create a new business catalyst site with Dreamweaver CC 2014. The error message states that Dreamweaver cannot connect with server, try again later. How can I fix this problem?

    I cannot create a new Business Catalyst site with Dreamweaver CC 2014 (Mac). The error message states that Dreamweaver cannot connect with server, try again later. In addition, I am also unable to load remotely a previously created Business Catalyst site as it says there is something wrong with my username or password. However when I put my password in and press test connection, it says it has connected successfully. What is going wrong and how can I fix this problem?
    Thanks

    Hi Ozy08,
    Can you try the solutions mentioned in Re: Can't Login to Business Catalyst within Dreamweaver CS6?
    If you still have problems, and you have a purchased version of DW CC, send me your Adobe ID, location, and contact details over a private message. Click my picture and use the message option.
    Thanks,
    Preran

  • How to create animated xml flash gallery ?

    I am a new starter . I want to create a xml flash gallery ,
    but i dnt know how to create it ....Can any one let me know what is
    the procedure to do this dynamically .....
    Thanks

    If you are using Actionscript 3, there is a pretty good
    tutorial on working with XML files here:
    http://www.gotoandlearn.com/player.php?id=64
    The home page of that site provides numerous other tutorial
    links that may come in handy for you in other projects.
    You will also need to become familiar with the Loader object
    and the addChild method in order to dynamically insert externally
    stored images. Look for the "Loading display objects" section in
    the Flash help documentation.
    I'd recommend just getting one image to load/display to
    become familiar, then you can decide how you want/need to make the
    rest of the design work.

  • How to create a grid-gallery ?

    I want to create a gallery similar to this one : http://jeretslack.com/
    featured on this page: http://www.adobe.com/be_en/products/muse/jeret-slack.html
    basically, i want to use the thumbnails as the main images of the gallery (so no lightbox)
    When you scroll over the thumbnail, text appears. I have tried numerous times to insert text into the thumbnail, with no success.
    Then, once you click on the thumbnail image, it takes you to a gallery with more images.
    I have taken the time to go through many tutorials and forums, but haven't found any clear answers. Thank you for your time.

    Consider both as separate images i.e. the one that appears on load and the other one that appears on mouse hover. You can create this effect by simply selecting a rectangle tool and fill an image into it (for the Normal state). Then select the rectangle again, switch to the States panel and apply an image (the one with the text) to the Rollover state. Now create as many you like and align them to your liking.
    Thanks,
    Vinayak

  • How to create a Navigation with submenu ? { Mega Navigation Menu} ?

    Please iam playing around with Flach Catalyst, but i cant find how to create a navigation menu with submenus
    i've created the design in photoshop but i dont know how to do the rest in Catalyst.
    the Navigation menu that i want is should be more or less like this
    Home          Contact        Gallery     Team                                                            { Now when i mouse over inTeam it shows a block with text and links that i
                                                                                                                               can be able to click them.}
    -------------------------------------------------------^---------------------------------- ---------------
                                           |---------------^-------------------------------------------------|
                                             Race Team                  |   Swim Team
                                          .....................................| .............................
                                             Football Team              |   NR Team
                                          .....................................|..............................
                                             Sprint Team                 |  Basketball Team
                                         ......................................|..............................
                                             Jump Team                  |  Water Team
                                         |.....................................................................|
    Please help me i've search on google but didnt found anything.
    Thank You

    Hi,
    This file may help. DropDownMenu.fxp (Right-click > Download Linked File to download this Fc CS5.5 file).
    It illustrates a simple drop-down menu.  Note that only the File menu has button items in it. 
    Best,
    Tanya

  • Work in Flash Catalyst beta not saving or inconsistent

    I just downloaded the Flash Catalyst beta (flashcatalyst_b1_win_060109.exe) 06.03.2009.
    I'm using the sample files provided with Adobe tutorial
    http://www.adobe.com/devnet/flashcatalyst/articles/get_started_with_flash_catalyst.html
    When I open the ecotours_ui.psd and try to follow tutorial, initially, the psd elements are not lined up, and so when I reposition them to correct postions, and save, then open fxp file - positions did not hold. And also - when saving 1st time,  program creates 2 fxp files:  ecotours_ui.fxp and  ecotours_site.fxp.
    I can open  ecotours_ui.fxp, but not  ecotours_site.fxp.
    Not an optimal experience so far.
    Is my problem wuth the sample psd file, or Flash Catalyst?
    Does it matter what OS and version I have of Flash and Photoshop?
    I am not opening Flash or Photoshop program so I do not see how version would matter anyhow.
    I have Adobe Web Premium CS3 on a Windows XP box.
    PC has 512mb ram, I need more I know, but could that be a factor?
    Has anyone else encountered these problems?

    I took a look at the tutorial PSD file and couldn't find anything wrong with it.
    When you save your project file, the only file that it should save is the ecotours_ui.fxp file. The ecotours_site.fxp file was one that was bundled in the tutorial files .zip package.
    It shouldn't be a problem that you have the CS3 versions of Photoshop and Flash. As you have said, you are not running them. The lack of RAM could possibly be an issue. Another possibility might be some permissions getting in your way. Have you checked to see if the files or folders that got unzipped will allow you to write to them?
    -Adam Altman
    Catalyst Engineering

Maybe you are looking for

  • I received a computer passed down to me but it has someone else's itunes on it. How do I get all of that off to get my stuff on it?

    I got my cousin's old computer and she still has all of her music and apps on it. I would like to get rid of all of that to get my music on the computer. She did get everything on itunes through icloud so I am scared to delete everything because I do

  • File adapter - connection mode

    Hi, RE: File adapter Can someone please supply me with some information: What is the difference between connect mode - permanently/file per transfer? When does the connection get closed? Thanks, Leanne

  • Creating a hyperlink over an image

    iWeb is my first foray into the web creation world. I created a "photo page" (File>New Page>Photos) where I used the photos there to link to other photo pages on my site. The caption below each photo provides the link to the corresponding photo page.

  • Row numbers in Financial reporting Studio report

    Hey I am designing reports in FR Studio that require row numbers next to the line item (Account) description. The problem is that these rows can be dynamically suppressed if they are 0/missing/error. So the question is: how do I get row #s, skipping

  • [N95 8Gb] No more MP3 ringtones and message tones....

    Hi, Last night I cleared my N95 8Gb of all the music and tranferred some new albums with Nokia Music afterwards. Now I'm not able to select any song or sound effect from my music collection as ringtone anymore!! I can select a song in Music Player an