Horizontal scrolling gallery like this website

Hi,
having seen this website on Muse's "site of the day" gallery, I was wondering how the horizontal scrolling gallery is done using Muse?
http://4ad20.themysteryparade.com
Are there any tutorials explaing this technology - can you point me to a site? Any experts that have an answer how to do this?
Thanks so much,
Markus

You can change the the Page width , as per your requirement. We just need to assemble few asset, please have a look to the following Video which I have created for you, that should clear few things, in my example, I have created a page with following properties,
Width: 3000px;
Height: 500 px;
Background Fill: none;
Browser Fill: image; Scale to Fill, Scrolling: Unchecked.
http://gauravtestsite4.worldsecuresystems.com/Gaurav/2013-09-18_1525.swf
I hope this will give a basic idea.

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

Anything like this website

Hy,
how can i do something like this:
http://www.vierjahreszeiten.at/#startseite
I want to have 4 full width pics among themeselves. How can i do in Muse?
Thanks Andreas

I've seen some muse templates which had something similar. The scrolling can be done with anchor links and you can keep the menu at the top of the browser window by pinning it there.
Small note: I'm on a laptop with a 1366 x 768 resolution, and the example website you mentioned works really terrible for me. I can't see the bottom of the "pages" and when I scroll it automaticly scrolls all the way down to the next "page".

Can a photo gallery like this be created in html/CSS?

http://jeffsullivan.smugmug.com/Landscapes/National-Parks/Zion-National-Park-Utah/1946310_ 6PtgP#136213013_XVhBQ
I like the way these galleries expand to browser width - both the thumbs and big image enlarge. I want to learn to make a photo gallery (+ slideshow) perform like this or hire someone with the specific skill set needed to make it for me. I've looked around quite a bit online at photo gallery apps, both free and for sale, including some offered by forum regulars (thanks!), but haven't found one I really liked.
My intent is not to copy this gallery (that would be stealing), just to adopt the expanding images- to browser width feature.
I know Flash could do it but I don't see .swf anywhere in the source... would it be done with Javascript or a combination of apps?

What I didn't mention before is that the photo gallery I want will be only one part of a community-based commercial site under development that needs to integrate with other parts.
That's why I'm asking what sort of developer/skills I'd need to make this happen.
I see. OK, for starters you'll need a firm grasp of XHTML, CSS, JavaScripting, and server-side programming such as PHP and MySql databases.
You also might like to look at an open source Groupware solution such as TikiWiki that has a lot of stuff already built into it.
http://info.tikiwiki.org/tiki-index.php
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to do a gallery like this?

I'm interested with the gallery on this site (under where it says 'A comprehensive range of Wybone products'.)
Can anybody suggest how this is done?

That "Gallery" is nothing more than images linked to their product detail pages.
If you're asking how to create a layout of images & captions, see this page:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to delay css animation like this website below?

Im trying to do the example below to start the animation only when they scroll to that section(div).
See example below.
Example:
http://www.archer-group.com/approach
Anyone knows how to incorporate that technique in muse?
Thank you in advance

What the website is incorporating is Parallax Scrolling.
Muse is able to do this.
Here is a primer video on using this form of design.
Adobe Muse: Parallax Scrolling June 2013 | Adobe Muse Feature Tour | Adobe TV
This type of web design is a bit more complex, but there is a lot of tutorial videos out there to aid you.
There are also a few tutorials here:
Joseph Angelo Todaro - YouTube

How to make a photo gallery like this?

This couple has an impressive portfolio of mtn climbing
accomplishments that will make you want to get out of your chair:
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
I like the way the pics open in new window exactly the size
of the picture with even black border on all sides, and close upon
clicking. Is this an active html page or is each picture page
created separately? (I could do that - don't want to though...)
Would this effect be easy for a intermediate level person to
create? Would like to find a tutorial. Or just the right
script/code to paste in. =0)

That was done with a Dreamweaver extension by Michael Brandt
called
JustSoPic window. I've used it for years. :)
http://valleywebdesigns.com/vwd_jspw3.asp
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"onefiftymph" <[email protected]> wrote in
message
news:gfcndi$k30$[email protected]..
> This couple has an impressive portfolio of mtn climbing
accomplishments
> that
> will make you want to get out of your chair:
>
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
>
> I like the way the pics open in new window exactly the
size of the picture
> with even black border on all sides, and close upon
clicking. Is this an
> active
> html page or is each picture page created separately? (I
could do that -
> don't
> want to though...) Would this effect be easy for a
intermediate level
> person to
> create? Would like to find a tutorial. Or just the right
script/code to
> paste
> in. =0)
>
>
>
>

Certview i like this website

Hello,
yesterday i took two exams. Today i see
You have taken multiple exams on the same date.
Click an exam below to see the results for that exam.
Oracle Testing ID : SR.....
Test Start Date
Exam Number
Exam Title
View
but here is nothing to click !!!!
and then nothing. May be it will be better send Emails with the results, before using slow websites which work or work not.
Sorry for this, but its so frustrating.
regards Thomas

You should contact Oracle Certification Support Oracle University - Support Form for assistance.
Regards,
Brandye Barrington
Certification Forum Moderator

How would I create a photo gallery like this in Muse?

Just trying to get the same kind of abilities working in muse. Link for site/gallery below
greg noire - photographer

You can try using lightbox widget. Try playing with opacity in normal and rollover states of thumbnails.
Else, you can add another image on rollover state of thumbnail which may be a little darker than the original one.

Scrolling gallery

Well i'm trying to make a simple scrolling gallery, only for
4 items. attached is what i got so far.
Basically i want the initial x value to be whatever it is at
the current time of mc1.
simple right?
but i don't know how to do it. I'm just starting to code, i
just usually use flash for simple stuff.
Cheers,

Sorry about the incomplete reply
Down load the remote Javascript file from
http://www.carmencicero.com/cc.js
Anything else you need is in the page's source code.
"Ken Binney" <[email protected]> wrote
in message
news:gfhffa$81v$[email protected]..
> You can download the remote Javascript file from
> "hjugkl" <[email protected]> wrote in
message
> news:gffurb$4q7$[email protected]..
>> Hello
>>
>> Can someone point me in the right direction on how
to make a scrolling
>> gallery like this link:
>>
http://www.carmencicero.com/image_display.php?category=collage_print
>> thanks
>>
>
>

How to do a site like this on adobe muse? the sliding page effect...

Something like this website... http://www.razvangarofeanu.com/#the-g is this possible on adobe muse? THANKS!

Hi Macky,
This website that you have mentioned utilizes the "Scroll Effects" In Muse and the designer has applied the Horizontal Scrolling effects.
Please refer these links in order to understand how it can be done :-Add scroll effects | Learn Adobe Muse CC | Adobe TV
Adobe Muse CC Motion Scroll (Parallax) Tips & Tricks - MuseThemes.com - YouTube
Adobe Muse CC Scroll Effects Tutorial | Animated Goodie Box - YouTube
The basics of horizontal scrolling websites from the Course Designing a Portfolio Website with Muse
Adobe Muse CC Parallax Scrolling Tutorial | Horizontal Scrolling Websites - YouTube
Cheers,
Rohit Nair

Horizontal Scroll Bar (Possible Bug)

Hello,
I am working on a site, and I have encountered a strange bug that is adding a horizontal scroll bar to my page, and I have no idea why. While there are elements that are lying outside of the page, the scroll bar shows up way before they are close to the edge of the browser window. This happens in Chrome, Safari, and Firefox.
What is very strange is that while trying to solve the issue, I removed several elements from my muse layout file, and I did find what was causing the issue. I have blue bars that act as headings for each section, and they are not 100% width (and I do not want them to be), and they were not off the page. However, once I removed those, the scroll bar stopped showing up so early when shrinking the browser window. I added the bars back in, one by one, and found out that depending on where I place the bar vertically will affect the horizontal scroll bar. This seems to happen whenever my bar is played below y: 1030. I have added screenshots to show this, and I can email my Muse file to Adobe support.
Some of you may notice that I do have an element that hangs off the page, and while this is true, I do not believe that it affects the issue I am having. When I remove the blue rectangles as described in the paragraph above, the website behaves as expected, even with my ribbon hanging off the page. With the blue rectangles, the scroll bar appears much before the browser window encounters the blue ribbon.
I have spent a lot of time searching for a solution, and playing with both the elements on my site and the page properties, and I cannot solve the issue. I just want there to be no scroll bar until the window is actually smaller than the page.
Screenshots:

Thank you for the great repro case. It was exceptionally helpful.
You've exposed a bug that's probably been there forever which required just the right combination of objects both on the page and off the left of the page in order to be triggered. We'll write up a bug to be investigated for a future release. Unfortunately the next major release is due out very soon, so this bug won't be fixed in time for that release. https://creativecloud.adobeevents.com/ccnext
A workaround (that no doubt seems arbitrary but should work in every case) is to group the blue box with any other object. Sorry for the confusion and inconvenience.

Scrolling gallery referencing the mouse

Hi - I have another question - I would like to create a
gallery similar to the one seen here in the "at nader" section
running vertically down the page:
http://www.nader.com.au/main.html
I have created something, but it is not doing anything like
what i want - in fact, i actually have no idea where to start with
this...
help!
please :)
The one seen in the "collections" section here:
http://www.fili.com.au/buttons-play.htm
has the attached code in the first frame, but I don't want it
to scroll automatically like this - I want it to scroll with the
mouse movement, and stop nicely like the nader one (with easing I
am guessing)... It's a big ask I know, but I am getting desperate!
:)

Well, I am getting closer and closer, but it is still not
behaving correctly...
I have reloaded the fla here
http://www.fili.com.au/mens-new3.fla
which works fine on it's own, except I still don't have a lot
of control over how far the gallery scrolls... you can't QUITE
click on the first and last buttons - which is a problem :)
http://www.fili.com.au/buttons-play.htm
Here it is all put together - now, I have used the code on
the buttons as here:
on (release) {
loadMovie("mens1.swf",_parent.loader);
to load the individual images into the gallery... but when it
is loaded into the main movie, they don't load. I have made sure
that the "loaders" have diffferent names as sometimes I find there
is a problem if it tries to load something into the same loader...
Sorry - this really isn't making sense :\
Please have a look at my code and tell me where I have gone
wrong!
Thankyou!

Horizontal scroll bar in maintenance view

Hi all,
i have a ztable which has ony two fields id and description. Maintenance view exists for same.
Can anybody suggest me how to set 'HORIZONTAL SCROLL BAR' for this view as sometimes description is too large and not able to see the description. plz suggest me.
plz help.
thnks n Regards,
Ashmita Singh

You can do one of two things:
1. When you are at the maintenance view, manually drag the right edge of the columns to make them narrower.
2. If you can change the maintenance view, go to the function group with the same name as the maintenance view (which should be the one automatically generated, such as from SE54), and then find the screen in the function group. Open the screen, click "Layout", and the SAP GUI painter will display the screen layout. Over there, click the upper-left corner of the table, and the control TCTRL_<your_view_name> will be selected. Open the "attribute window" or press F2, and then you can set the number of Fixed Columns. Try reducing the number and re-test the effect.

How do I make a single page website that scrolls like this adobe muse site?

Hi there, I'm working on this site: http://johanspeaks.businesscatalyst.com/index.html
I would like a nav bar to function and scroll through the single page like this site: http://asiercarazo.com/
I can't figure out if it's different pages, sub pages, or the same page and if it's the same page how do I get the menubar to function like that.
Thank you for any tips!

Hi Vinayak!
I am using the feature that you posted (anchors and pins) for my menu bar for my single page site. Preview it here: http://alexandrabenetbusinesscatalystcom01.businesscatalyst.com/index.html
I would like all of the words from the menu (ADVERTISING, GRAPHIC DESIGN, etc) to be with a lower opacity. When you reach a section, I would like the corresponding word to be bolder. So I'd like to add states. Is this possible?
Also, is it possible that my menu does not appear on my first layout? And then make it appear after?
I would appreciate the help!
Thanks,
Alexandra

Horizontal scrolling gallery like this website

Similar Messages

Maybe you are looking for