Creating a horizontal gallery?

I'm making a portfolio site for a friend of mine and she wants something like this: Kelli Coyne
I've created a site already with Adobe Muse so I am familiar with the program.
Is there a way I can create a gallery like the one in the site above with Muse?
Or will I have to use a different program?
I have Dreamweaver but have yet to really use it.
Any help will be much appreciated!
Thank you.

Hi Sarah,
You can use the anchor feature in Muse for horizontal scrolling to give you the same effect. Please go through the following videos to learn the various tricks on how to do it :
Adobe Muse CC Parallax Scrolling Tutorial | Horizontal Scrolling Websites - YouTube
Adobe Muse - How to Horizontal Scroll - YouTube
Cheers,
Rohit Nair

Similar Messages

  • Creating a Horizontally Scrolling Gallery in Muse

    I need to create a horizontally scrolling gallery, something that shows four images at a time, and automatically scrolls through said images, a total of about twenty images.
    The end result my client wants is for the gallery to show four images, highlight each one at time, and then scroll in the next four, but I don't even see a way to just create a simple scrolling gallery in muse.
    Is there any way to do this? Any suggestions for something I can drop into muse to make this happen? I have seen several people ask this question, but it never seems to get any answers, and google has been less than enlightening on this.
    Thanks.

    Hi Julia,
    I understand that I can tooltip over them, but what I'm looking for is something that will allow me to do something like this example on the main page for Lionsgate.com. The functionality I want is to be able to present the player with a menu of thumbnail buttons which will change a main display, very much like what you illustrated above. What is different, however, is that I want the user to be able to SCROLL a list of thumbnails which are contained within a menu window. In this way, if I wanted to have links to twenty or fifty or a hundred buttons/thumbnails, I can present the player with only a few at a time without completely cluttering the interface. They can use arrow keys to scroll up or down through the available thumbnails. It's a very common interface, and Apple uses the ribbon idea as part of their main interface. 
    Long story short, is it possible to replicate this with existing Muse widgets, or does someone know of a not-too crazy way to do this?
    Thanks,
    Neal

  • How can I create an image gallery with "next" buttons?

    So I am almost done with my portfolio site (YES!)..now I just need the actual content (the images). My site is written in AS3.
    I've watched many tutorials on how to create an image gallery (auto scrolling ones, scrolling ones that require mouse hover, etc etc), but those aren't what I am looking for.
    I want a gallery that looks exactly like this one here:
    http://jalbum.net/res/help/integrating-tutorial.html
    I have a lot of work to display in my porfolio so there must be arrows at the end of the thumbnails so I can add more stuff. So I am just stumped on how to make the image gallery work with the ability to scroll for more photos with the click of the arrows.
    Any ideas? Thank you.

    Watching tutorials and learning from them are two different things.  If you have learned from them you should be able to use what you have learned to devise a gallery such as the one you link to.  If you have learned from them and cannot use what you learned, then you probably need to find/learn more.
    If you study the design you linked you should be able to reason out what elements you need to devise... it is not overly complicated. 
    For the large picture you could have a Loader into which you load whatever image is selected from the thumnails. To get a brief transition you could just set the alpha of the Loader to 0 when an image change is occuring and gradually fade it in after the image has loaded.
    The greatest challenge you are likely to face is in getting the thumbnails to advance back and forth depending on which is selected.  All of the thumbs would be placed in a container (movieclip or sprite) and that would be masked so that only a portion of them is visible. 
    All thumbs that are not selected have their alpha property set to some value less than 1.  Selecting one calls for the file it associates with to be loaded into the Loader.  If the choice happens to lie off screen, then you need to move the movieclip that contains all of the thumbs some set value in the right (+x) or left (-x) direction.
    If you want the thumbnails to wrap infinitely then when one leave the thumbnails area for movement in a direction, you need to take that thumb and relocate it to the other end of the thumbs in the container.

  • Is there a way to create a "Horizontal Links List" from a query?

    Hi,
    Is there a way to create a "Horizontal Links List" from a query?
    I want to display file names that I have uploaded as links to a display page.
    I don't know how to create my own template yet as I've read... I saw Jes had posted this idea...
    Thanks, Bill

    Yes, that is great Chris!
    Thanks for the site....
    Once I dynamically create the HTML for the list how do I feed it into the page?
    as an item? Can I access an HTML region body dynamically?
    Thanks, Bill

  • How can I create a photo gallery in flash cs3, Iam a beginner in flash

    How can I create a photo gallery to put into my current flash site Iam creating? Using  flash cs3, can anybody suggest any tutorials (noting complicated with me being new to flash cs3)
    When going on line I saw that maybe you can use Dreamweaver, XML, or even Photoshop can anybody explain the difference between using one or the other?
    THanks

    Indeed, google ftw.
    For example:
    +as3 photo gallery flash tutorial
    reveals many including this one:
    http://www.flashmagazine.com/Tutorials/detail/as3_photo_gallery/

  • Help to create a photo gallery..

    Can anyone visit this site..
    www.ted.com
    I want to create a photo gallery like that.. I mean when i hover my mouse over a thumbnail my image should enlarge.. and if i click i should be able to download..
    I want that animation while loading between my galleries..
    please help me.. please.. no need that various sizes for all tiles.. no problem even if all tiles are of same size.. please.. I need it so badly..
    thanks in advance

    Whenever I need a gallery like this i usually just buy one
    from:
    http://www.flashcomponents.net/component/
    they are usually like $8-10 and have saved me quite a bit of
    time... there are plenty of tutorials out there for custom ones,
    but for $8 its hard to pass up a pre-built... i know this doesnt
    answer your question exactly but i figured i would give my 2 cents,
    hope this helps :)

  • Creating a photo gallery like the China Gallery in Adobe Labs. How?

    I have photos in several categories (I'll use 2, "frank" and "wolfie" as examples here). What I'd like to do is build a photo gallery like the China Photo Gallery shown in the Adobe Labs site, where the user can switch between categories without going to a different page. Here's what I've done so far and how I'm stuck:
    I created a photo gallery with the instructions in the tutorial "Building a photo album with the Spry Framwork". I then inserted a Tabbed Panels widget for navigating between the categories.
    I set up an XML file as follows:
    /* frank category */
    <photo
    path = "001p.png"
    width = "467"
    height = "467"
    thumbpath = "001p.png"
    thumbwidth = "85"
    thumbheight = "85">
    </photo>
    /* wolfie category */
    <photo
    path = "001f.png"
    width = "467"
    height = "467"
    thumbpath = "001f.png"
    thumbwidth = "85"
    thumbheight = "85">
    </photo>
    To create the div holding the thumbnails for the "frank" category, I entered the following:
    <div class="thumbdiv" spry:region="dsGallery"><img src="thumbnails/frank/{@thumbpath}" spry:repeat="dsGallery" spry:setrow="dsGallery" class="thumbs" /></div>
    To create the div where the full size images will be displayed, I entered the following:
    <div class="mainpic" spry:detailregion="dsGallery"><img src="images/frank/{@path}" onload="MM_effectAppearFade(this, 1500, 0, 100, false)" /></div>
    Then, in the tabbed panel set for the "wolfie" category, I did the same thing, substituting "wolfie" for "frank". However, since there is only one xml file, spaceholders for all of the thumbnails appear in the thumbnail div for the frank category. I realize that I'll probably need to create a separate xml file for each category, but how do I set it up so the correct xml file is accessed when the link in the tab is clicked? Or am I approaching this all wrong?
    From reviewing the source for the China gallery, it appears that they set up links to different xml files instead of Tabbed Panels. How does that work? There are also some javascript files I can't find anywhere on Adobe's site.
    Thanks

    Hi,
    If you have seperate XML file but with the same basic structure then you can change the XML a Spry dataset refers to and regenerate the spry region without reloading the full page.
    So on my photo gallery page I can change the album the photos are shown from via the seturl sprydata function as below.  dsPhotos being my Spry dataset that points to the relevant XML dataset with my image references and captions etc.  My XML is actually dynamically generated from Picasa RSS feeds (and RSS feeds are XML) but the principle will be the same with your static XML.
    First I add an event listener for when someone clicks on an album (the li tag within my div with the id "albums" holds a photo and title for each album.)
    function Albums()
    var myalbums = Spry.$$("#albums li", "TabbedPanels1")
    var rows = dsAlbums.getData();
    var setListener = function( element, value )
      Spry.Utils.addEventListener( element, "click", function(){ showAlbum( value ); },false );
    for( var i = 0, length = myalbums.length; i < length; i++ )
      setListener( myalbums[i], i );
    Then this is the code which changes the photo album to be shown. (when the user clicks the relevant album)
    function showAlbum(i)
    pauseShow();
    pImage = 'No';
    var rows = dsAlbums.getData();
    var albumid = rows[i]["albumid"];
    var url = "xml/PicasaAphotoFeed.asp?albumid=" + albumid;
    dsPhotos.setURL(url);
    dsPhotos.loadData();
    var rowcount = dsAlbums.getRowCount() - 1;
    var nextalbum;
    var navnext;
    var n;
    The page is here www.thehmc.co.uk/photo5.html is you want to see it in context.
    In your case showAlbum would switch between Frank.xml or Wolfie.xml depending on how you decide to name your xml datasets.
    Regards
    Phil

  • What is the best way to create a photo gallery?

    Hi,
    I want to create a photo gallery in Dreamweaver without using any pre-built "web gallery" function. What's the best way to swap the images when I click the "next" button? Do I create a new Dreamweaver page for each photograph? Is there a more efficient way to do it than that?
    Thanks,
    Gordon

    Is there a more efficient way to do it than that?
    Most definitely.  With scripts.
    57+ Free Galleries, Slideshows & Lightbox solutions:
    http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
    20 Best jQuery Slideshow Scripts
    http://graphicalerts.com/20-best-jquery-slideshow-image-photo-gallery-plugins/
    If you're a photographer or managing a large collection of images, look at JAlbum.
    Download the software.  Drag & Drop your images/folder of images into the work space.  Hit create album.  In a few seconds, jAlbum generates your HTML pages and thumbnail images for you.  A real time saver with plenty of customizable skins to choose from.
    Download: http://jalbum.net/software;jsessionid=qkhdjzieqjtg1rz4x2anjlk5d
    Skins:  http://jalbum.net/skins
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Create an image gallery in DW

    Hi all
    I am working on a new website in Dreamweaver.   I am happy to hand code the HTNL and CSS (using what shortcusts are availablel CSS with Designer etc).   As a fairly new subscriber to CC I have been using Lynda.com to the learn DW and found that DW no longer supports SPRY.   I NEED TO CREATE AN IMAGE GALLERY WITHIN THE NEW SITE, but now need to know which adobe product is best to use to create the gallery and embed the appropeiate HTML/CSS etc into the pages using DW???
    I appreciate your help here

    My favorite is Fancybox2....
    It handles anything!
    http://fancyapps.com/fancybox/

  • Creating an image gallery

    Hi all,
    I am trying to work out how to create an image gallery on a
    page whereby there is a set of thumbnails to the side and the
    relevant large image opens adjacent to the thumbnails when they are
    moused over.
    I have done this using the hide/show layers function but the
    output appears incosistently in different browsers and/or window
    sizes. I had in mind some adaptation of the "swap image" behaviour
    that would open the swap in a different position? Or alternatively
    making the layers approach display consistently?
    The layers version of the page can be
    viewed
    here
    Any suggestions or guidance would be greatly appreciated,
    thanks in advance,
    Graham

    On Thu, 1 Feb 2007 15:25:09 +0000 (UTC), "hydroculture"
    <[email protected]> wrote:
    >I don't know the answer - wish I did, but I have been
    using a substitute where
    >I click on the thumbnail - which via a hyperlink takes me
    to a page where the
    >large image appears. Not as neat as what we both want ,
    but gets the same
    >effect,
    If clicking a thumbnail is an option then this is a better
    solution -
    a free extension from PVII:
    http://www.projectseven.com/tutorials/images/showpic/index.htm
    Steve
    steve at flyingtigerwebdesign dot com

  • Can/How Do I Create a Photo Gallery Template in Bridge

    It is possible for me to create a photo web gallery "template" in Bridge CS5. I would like it so that every time I create a photo gallery for sports photos, the header, google analytics, facebook icon,  twitter icon copyright and more are all the same every time a create a photo gallery in Bridge CS5.
    Sample of one of our photo pages (not done in Bridge yet).

    Thanks a million .

  • How to create a horizontal collage in PSE 9

    How do I create a horizontal collage in PSE 9?  It will only let me do a vertical layout.

    Select one of the vertical templates and then use the Editor main menu:
    File >> Save As
    Then choose PSD and save to your desktop.
    Close the collage project and then use:
    File >> Open and navigate to your saved PSD file
    Then use the menu:
    Image >> Rotate (90 degrees left or right)
    Click window >> Layers
    In the layers pallet highlight each layer with an image/place holder and select the move tool to position/rotate/scale each one individually.

  • How to create a horizontal multi column menu?

    We are trying to create a horizontal menu, just like the one at Oracle site ( [http://www.oracle.com/us/index.html] ) with links in multiple columns in each menu item. Can you please suggest how to do it? We have tried using the navigation model but could only create single column menus.

    Put the links in a form and set the rows and columns properties of the Form.
    See the options on this page:
    http://jdevadf.oracle.com/adf-richclient-demo/faces/visualDesigns/formLayout.jspx

  • Is it possible to create a horizontal slider that includes both text and pictures?

    I need to create a horizontal slider that includes both an image and selectable text, but I can't seem to figure out how to go about this in Muse. So far all I have been able to do is to use the Image description as the static text, but this text will not slide horizontally, it will just change, and the picture will slide underneath it.
    I want both the picture of the phone, AND the text next to it to slide horizontally when the user clicks the next/previous buttons. The placement of the text needs to change depending on which message will be in the next slide, so it will be impossible to use the image description for this purpose.

    Thanks for posting.
    You can achieve this by using slid show. Add image to the slide and there is a text box at the bottom of the slideshow box, which you can drag and place on the image within the frame. Please refer the screenshot below.
    Kind Regards
    Aishvarya Rastogi

  • Is it possible to create a Photo Gallery DVD with downloadable content?

    I am looking for a way to create a photo gallery, distribute it via DVD, and have the end user be able to download the photos from within the photo gallery. This would function exactly like the iPhoto web galleries, but would be distributed on DVD rather than posted to the web. Is this possible? I am looking for a way for a user to download the photos, in low res and high res, from within the DVD player.

    My first suggestion is to use Apple's Pro apps (ie, DVDSP) if you plan to use this DVD commercially. You'll get far better results and you will also be able to meet nearly all of the above objectives.
    If on the other hand you don't have the time to learn apple's pro apps which does have a large learning curve compared to the i-apps, and you are currently working with a shoestring budget, then you can meet at least some of these objectives within iDvd by adding your content to the Dvd rom section of the Dvd. The app that one uses to play the slideshow from this data section of the Dvd depends largely on the available apps on the host computer system having access to this data in terms of what software is available to play its content. Hope this makes sense but if not, just come on back. Good luck.
    Btw ... I'll check back with you later tonight since I have a fair amount of editing to do this AM.

Maybe you are looking for

  • How can I add a contact to a group on my iPad Air or IPhone 6?

    I'm away from my computer for a while and was trying to add a contact to a group on my iPad/iPhone. I don't want to download another app to handle this simple task. All my mobile devices are up-to-date and have plenty of memory. I tried logging into

  • Document Management System for sap mm point of view steps

    Hi All. Document management system for sap mm point of view steps required. Thanks in advance for all sap mm forum members. Regards. Parameshwar

  • Interactive report jquery not executed on pagination

    recently i fell into another problem when using jquery in an interactive report. in the page header i do this <script type="text/javascript"> $(document).ready( function() {    var pageID = $('#pFlowId').val();    $('.Artikelinfo').each( function(i)

  • Interference from neighbor's wireless network

    Hello, Whenever I boot up my computer the airport card on it somehow defaults to my neighbor's wireless network. How can I prevent their wayward signal from interfering? Thanks!

  • Thread: java.lang.NoClassDefFoundError: weblogic/Server

    iam getting the below error during deployment within jdev11.1.1.20, could somebody help please... *** Using port 7101 *** C:\Users\admin\AppData\Roaming\JDeveloper\system11.1.1.2.36.55.36\DefaultDomain\bin\startWebLogic.cmd [waiting for the server to