Horizontal Scrolling Image Viewer

I am new to web design but certainly trying - my goal is to
include/make a horizontal scrolling image viewer like the one seen
on this site:
http://www.fraxel.com/patients.aspx
- any advice?
-JL

are you good with Flash?
http://board.flashkit.com/board/showthread.php?t=756627
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Similar Messages

Horizontal scrolling column view

With ther now being no "always visible" scroll bars in Lion, how the heck are we supposed to scroll horizontally in column view when using a device such as a tablet? Is this a MAJOR MISS in terms of usability? Why would there not be a scroll bar visible if I'm six columns / folders deep? How do you make it visible?

Sorted.
Just found in System Prefs / General a new selction that allows for "always on" scroll bars. No up or down arrows though.

Horizontally scrolling page views and vertically scrolling table views

This may be a feature request, and I'm trying to figure out if I'm trying to do too much in an iPhone app, but I want to have an outer view scroll horizontally with pages - easy to do with the UIPageControl and UIScrollView.
Within each page, however, I have a view (or nested views). In one of those views, I want to be able to scroll vertically (it's a table view) - but I can't! The message never gets down to the tableview because it's eaten on top - or at least it seems like it. It looks like I can do it in the simulator, but not on the phone.
Is this doable?

"Iain71" <[email protected]> wrote in
message
news:g6kj3r$s5p$[email protected]..
> This is the sort of thing I've seen on a few sites, and
wondered about
> before.
> Sometimes they can look a bit overboard, but I've just
seen one on this
> site
> that looks pretty well done, and doesn't take over the
page :
>
>
http://www.timesatlas.com/Pages/Default.aspx
>
> It's the bit below the main atlas pic, with the
different versions of the
> atlas.
>
> Does anyone know of any extensions, or tutorials for
recreating something
> along those lines? (Not sure if it's Flash or not?)
I'm pretty sure Project Seven (www.projectseven.com) has an
extension that
does almost exactly that.
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

Horizontal Scrolling Image JITTERY?

Hello, I just made a simple flash movie with one 3000 pixel
wide jpeg scrolling from left to right, I am using about 500 frames
at about 20 frames per second to scroll it using a simple motion
tween.
There is not much to this movie, but the image is jittery and
does not flow SMOOTHLY - any ideas how to to do this? Speedint the
frame rate up helps some, but I really need this to move slow.
Thanks

great, glad you were able to find the problem. Whoa, that's a
big image. Flash has a limit of 2880 for bitmaps and so on...
beyond that it's good luck, most of the time will throw an error. I
would think about getting the size down some, you could break it up
into pieces and bring them in and get rid of them when needed. btw-
what resolution is the image(dpi)?
2172, was an example, the ending position should be
determined by where you placed the image in the MC (center or at
0,0 ... ?) if positioned at the 0,0 it should start at 0 - width,
and end at 0 for left to right travel.
right, changing speed is fine, the number represents the
number of frames it will take to travel the distance, frame rate is
not effected by this. Leave it at 30 fps.

Horizontal scrolling with captioned images?

Hey everybody I'm helping a friend with his new site and need help figuring this out:
- I want to add left-aligned text captions below each of the horizonal scrolling images.
- I also want the images/captions to automatically resize to fit every window size (as the images currently do) - would be great if the image caption texts would automatically resize and become smaller with smaller window sizes.
Example here (this is a test without captions): http://briankokoska.com/indextest2.html
If somebody could please try to code the page including the word "caption" left-aligned underneath each of the images I would be very greatful. This way i can add the proper captions myself.
Thanks in advance for your help!!!

Horizontal scrolling and fixed divisions don't work well in mobile devices.
Try this code in a new, blank document and SaveAs test.html. This works much better in mobile/tablet devices.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BRIAN KOKOSKA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
body {
width: 98%;
color: #000;
padding: 0 1%;
font-size: 125%;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
header {
position: fixed;
top: 0;
right: 3%;
margin: 0;
width: 35%;
font-weight: bold;
text-align: right;
background: rgba(255,255,251,0.5)
header * { padding-right: 1% }
header address a {
padding-top: 25px;
margin-bottom: 0;
color: red
header p { margin-top: 25px; }
header h2 a {
color: blue;
font-size: 75%;
margin-top: -10px;
section { display: table; }
article { display: table-row; }
/**Captions**/
article p {
display: table-cell;
vertical-align: middle;
margin: 2%;
padding: 2%;
color: red;
/**re-usable classes**/
.center { text-align: center }
.right { text-align: right }
.red { background: rgba(255,0,0,0.5); }
.white { background: rgba(204,204,204,0.5) }
.blue { background: rgba(0,102,204,0.5) }
/**links**/
a img { border: none }
a {
text-decoration: none;
color: #000;
display: block;
line-height: 2em;
a:hover, a:active, a:focus { text-decoration: underline }
/* Special Rules for Mobile, Tablets */
@media only screen and (max-width: 1024px) {
body { font-size: 90% }
img { width: 100% }
header {
width: 100%;
position: static;
padding: 0.5%
article p {
display: block;
padding: 0;
font-size: 90%
</style>
</head>
<body>
<header>
<h1 class="right">BRIAN KOKOSKA</h1>
<address>
<a href="mailto:[email protected]">[email protected] </a>
</address>
<h2><a href="http://mfineart.ca/artists/brian-kokoska-selected-works/" target="_blank">Macaulay & Co. Fine Art</a></h2>
<p class="blue"><a href="http://briankokoska.com/installationviews">INSTALLATION VIEWS</a><p>
<p class="white"><a href="http://briankokoska.com/selectedworks">SELECTED WORKS</a></p>
<p class="red"><a href="http://briankokoska.com/info">INFORMATION</a></p>
</header>
<section>
<article>
<p>Caption goes here...</p>
<p><a href="http://lvl3gallery.com/post-hope-1262013-2172013/#1" target="_blank">
<img src="http://briankokoska.com/briankokoska_posthope_smallest.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://lvl3gallery.com/post-hope-1262013-2172013/#1" target="_blank">
<img src="http://briankokoska.com/briankokoska_posthope_smallest2.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://voxpopuligallery.org/exhibitions/painting-bitten-by-a-man/" target="_blank">
<img src="http://briankokoska.com/briankokoska_paintingbittenbyaman_smallest.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://voxpopuligallery.org/exhibitions/painting-bitten-by-a-man/" target="_blank">
<img src="http://briankokoska.com/briankokoska_paintingbittenbyaman_smallest2.jpg">
</a></p>
<p> Caption goes here... </p>
<p>image here</p>
Etc.....
</article>
</section>
</body>
</html>
Nancy O.

Horizontal scrolling. Help with large images.

Putting together a .pdf publication for iPad.
I have content that fits a standard iPad format BUT I also have these very long timelines (170cm x 21 cm). These need to be displayed zoomed in - with the reader swiping right to accessing the remainder of the content. So a horizontal scroll! Whenever I test it on the iPad it display the full image (so zoomed out and tiny). The other images are displaying fine.
So how do I make sure I view them as I require?
Thanks!

I also need this feature, to view and mark up street plans that are long narrow landscape format pages with "match lines" at the left and right sides. What I want is similar to Acrobat's existing "Enable Scrolling" -- but in the horizontal direction. Planners need this for road and path plans. Musicians and composers need this for viewing multi-page sheet music so they can browse the entire "timeline" of the piece. And as the OP notes, schedule planners need this for reviewing timelines such as Gantt charts.
Adobe, please add this feature. I'll gladly pay for an upgrade (currently using Acrobat Pro XI Mac).

Broad Question - Horizontal Scrolling Slideshow with Still Images

Hi everyone,
I have to make a horizontal scrolling slideshow using many images of different filetypes, sizes and DPI in Premiere Pro CS5.5. I have tried a few different methods but each has its own problems:
1. Arrange still images horizontally in the timeline, adjacent to eachother, and apply a custom Push video transition between each one. This is a consistent method that doesnt require much work but it's tough to control the amount of whitespace between the images, especially when the images are all different proportions.
2. Arrange still images both horizontally and vertically in the timeline, so that there is no white space between the images (the images overlap across multiple video lanes). Then, set up motion fx for the position of the image for each clip. This is tedious and I have to make every clip the same size and make sure the distance each clip travels (in the motion fx) is the same. So for instance, I have to set the starting key to 1200 on the x-axis, and the ending key to -300, for every single image (tedious when there are many). Another problem with this is that it becomes very difficult to change the duration of the motion fx once ive set it up for many.
3. To have an easier time composing the arrangement of images, I just make a single giant image by laying out dozens of photos in InDesign, then export a very wide jpeg. The great thing about this is it's fast, easy, and the composition is exactly how i want it. The bad thing is that premiere doesn't handle many megapixel images well, and furthermore the image quality is horrific compared to the quality of importing individual images.
The biggest problem with all of these is the image quality (extremely poor compared to viewing the source images on their own) and the animation smoothness (all three methods produce very jittery and erratic videos). The biggest question I have is: should I even be doing a slideshow in Premiere? Can someone recommend a better application I should be using for something like this? Do i have to learn Flash? I am not trying to make an interactive thing, just a video/animation where I hit play and dozens of images scroll horizontally, at the same speed, with a lot of control over the scaling of the images and their horizontal and vertical arrangement (the amount of whitespace between them).
Thanks for everyone's time and help!

Don't know if it is still being sold, but Grass Valley's Imaginate was the perfect application for your intended purpose. There are many others as well, but PR is not the program of choice for this.

Horizontal scroll not working in aperture split view

I had recently upgraded to mountain lion and the newest aperture, but I noticed a problem with horizontal scrolling in aperture split view. I am currently using a magic mouse, and it scrolls just fine within other applications except in aperture split view. (it doesn't go to the next picture when I gesture left and right) if I do it many times, it will change to the next picture but then stops scrolling again. I had tried to use a trackpad and it is better but I have to do it slowly and occationally it just doesn't work. It only happens only in Aperture and not in safari or other applications. Does anyone know the solution to this problem? Any little help is greatly apprecitated

The recent Aperture update disabled the "Scroll to navigate photos in the Viewer" option.
You may need to reenable it in the Aperture general preferences.
Regards
Léonie

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 to adjust the space between images in a carousel or images with horizontal scroll

I use the next steps to create a carousel or horizontal scroll of images:
Webcenter portal: Spaces
Spaces
Manage Settings
Pages
Create page
Content management
Content presenter
Add images with Plus Icon
It works, but between every image has a lot of space, can you tell me how to reduce the space between every image.
My Oracle Version 11gR1 (11.1.1.3.0)
Regards
Tomas Reyes

Remove line 234 in your HTML code.
<p>& n b s p</p>
This is a redundant line of code. Your spacing should get resolved.
PS: I've given spaces between the tag because otherwise this forum would not display the line correctly.

Image horizontal scroll in interactive PDF or best next thing?

I have been supplied a long (horizontal) timeline image to place into an interactive PDF.
I have found ways of scrolling using Folio states etc but it seems this wont work in an interactive PDF.
Does anyone have any suggestions of a way I can scroll left and right in an image box or have a similar effect that will be compatible.
At the moment I'm thinking I should animate the file and play a video instead - but this isn’t ideal.

You are more likely to get an answer if you ask in the Acrobat or InDesign forum.

Scrolling horizontally in Code view with tilt-wheel mouse.

I'm having an issue with scrolling horizontally via my mouse's tilt-wheel, side-scrolling feature. I'm using Dreamweaver CS6 in WIndows 7, but perhaps the bug may apply to CC as well.
When I scroll sideways, the scrollbar moves, but it loses all of it's styling (gradient effect and draggable icon) but the view content does NOT move at all. After side-scrolling, if I click anywhere in the Code view, the styling resets and the content tries to reconcile with the scrollbar's location, and the view breaks, like this:
Scrolling vertically past these lines and back resolves the text breakage. But, horizontal scrolling is still a pain unless I make the effort to drag the scrollbar with my cursor.
I've considered it being a driver issue, so I reinstalled them and restarted. I've installed legacy versions and restarted. No dice.
Has anyone else experienced this? Why is tilt-wheel side-scrolling different than clicking the right arrow button? Any help would be appreciated!

Thanks Jon.
But, I'd rather not word-wrap. I see plenty of how-to's for word-wrapping, so I'm not sure if I'm really alone in wanting to visually maintain longer lines, or whether hardly anyone else has tilt-wheel issues, or that they don't find it worth posting for help about.
Hm. I'll keep looking for a solution for a while longer.

Horizontal scroll-bar on folder view

This is a big problem for me, my folder structure is very complex and has lots of nested, long-named folders. Even maximizing the left sidebar size, I still can't view the most nested ones!!
2 solutions:
- add a horizontal scroll-bar
- (Picasa like), make some folder temporarily the top one (don't like this one personally)
and by the way, the nesting margin should really be reduced!
thanks
Luca

I agree, but in the mean time, Jeffrey's Configuration manager allows you to make the panels arbitrarily wide:
http://regex.info/Lightroom/Config/

Multi-image (300+) horizontal scroll bar buttons

I am new to DreamWeaver, and need some guidence: I need to
create 300+ square image buttons in a horizontal scroll bar, but
haven't been able to find how to yet. Can someone direct me to
where I may find out how to create this?

So what are you having trouble with exactly -- Making 300 +
images with
your image editing software or making a horizontal scroll bar
in DW?
Why exactly do you want to make people scroll through 300+
image buttons?
Is this supposed to be an image gallery or something? Sorry
for all the
questions but it's hard to picture what you're trying to do
without more
facts.
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"J. Donovan Smith" <[email protected]> wrote
in message
news:fc1iks$4td$[email protected]..
> I am new to DreamWeaver, and need some guidence: I need
to create 300+
square
> image buttons in a horizontal scroll bar, but haven't
been able to find
how to
> yet. Can someone direct me to where I may find out how
to create this?
>

Set the horizontal scroll bar for the OOTb document library view

hi all,
Am facing an issue in my sp portal.We have designed and developed the portal with OOTB document library views for site columns also. Going to enable the doc lib view. but we have some 35 columns in eeacha nd every document
library within our sub site. But if an end user wants to see the last column then he needs to scroll. but, since then my master page has fixed width, the top corner will be seen as blank. would like to know how can we set horizontal scrolling
in this doc lib view .
Das

Hi,
According to your description, my understanding is that you want to set the horizontal scroll bar for the document library when the last column postion exceed the fixed width.
I suggest you can try to use Jquery to set the width attribute of the menu bar dynamically if the document library width exceeded. You can add the Jquery or CSS style using SharePoint Designer under the PlaceHolderMain tag of document
library page. Also, you need to find the div id in your environment using Internet Explorer.
More information:
http://sharepointpromag.com/sharepoint-development/sharepoint-branding-101-branding-master-pages
Thanks
Best Regards
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Horizontal Scrolling Image Viewer

Similar Messages

Maybe you are looking for