Horizontal Photo Scroll/Swipe Gallery

Hi All,
I am making a horizontal Photo Gallery larger than 10,000 px in width. Users should be able to Swipe (on touch devices) and Scroll on Pc.
I came across some previous posts like this, but i dont know where to begin.
https://forums.adobe.com/message/5247759#5247759#5247759
Things I am confused about:
1 - I cant make the stage go wider than 10,000px, Does it mean I should place pics next to each other and navigate through them via code?
2 - I dont know how to make Swipe actions that are sensitive to intensity/distance/duration of users touch. I can only code the image to move for a fixed number of pixels
3 - I am not sure what would be the best/simplest approach to make my own scrollbar in this case (without starting from ground zero).
I appreciate any links or overall guidelines so i can start on right path.
Thanks

You could have a 2 image holders for transitions from one to another and change the image source based on the user action.

Similar Messages

Help with glitchy horizontal photo scroller

• Here is the glitchy scroller that I'm trying to make
smoother:
http://jacobtyler.com/dev/stephanieclair/gallery2.html
• I attached the main code that I'm using on the next
button:
• All of the tweening is on the main timeline.
• It would be a bonus if, in addition to the arrow
control buttons, there's a way to also have a mouse-over scroll
attched to the main image MC itself.
Thanks,
Joe

My first guess is that it's bogging down the processor.
That's a pretty big image. Maybe someone else could chime in here
but it might be better to dynamically load the images individually
and control the tween via actionscript rather than a timeline
tween. There's a good tutorial on this
here.

Photo scroller question

Hi - this ones quite comfusing for me as Im not the best at
AS - there are three main problems i have with a horizontal photo
scroller:
1. I need to load the photos into the swf externally but
without specifically naming the photos to be loaded eg. it doesnt
matter what the jpgs are called the swf will load them all from a
folder into the scroller. At the moment i have the thumbnail pics
named as 1.jpg, 2.jpg etc etc and the large pics named as big1.jpg,
big2.jpg etc all sitting in the same folder.
The code i've got on frame 1 of the movie is the first set of
code on the bottom of the message:
2: When the pics are loaded in the thumbnails and the large
pics I need them to auto resize to fit the box they are contained
in as I want to use just 1 pic for both.
3: Finally when the thumbnail buttons are pressed I need the
large pics to flow into the boxes in order. So when any thumb is
pressed out of sync the big pics will appear in sync. At the moment
when the thumb button is pressed all 3 pic boxes are filled with
the same pic! The code im using at the minute is attached at the
bottom.
Any input woill be greatly appreciated.
Cheers

Resizing is a different issue altogether from format.
It's safe to scale the image in ID regardless of the format. If you look in the info panel with the image selected you'll see two resolution numbers listed, actual and effective. Actual is just the resolution at the dimensions the image was saved and is essentially irrelevant. Effective resolution is what you have at the dimensions you are currently using, and that's the number that counts. If that number is in the range that is acceptable for the type of output you are using, there is no need to resize the image in Photoshop at all.
If you MUST resize the image, then yes, convert to something besides jpeg if that's what it is to start. And keep in mind that up-sampling won't improve image quality in general, and downsampling more than 20% or so can cause you to lose fine details (but so will scaling down).
Peter

Horizontal Photo Gallery

Hi All,
Considering that the Stage limit is 10,000px, what would be the best practice to build a much longer horizontal photo gallery. If I am not using a large Stage, does it mean I should hand code my own scroll bar and swipe actions? Any suggestions or links ?
Thanks

You could have a 2 image holders for transitions from one to another and change the image source based on the user action.

Help with scrolling image gallery?

Hi, using the code for a scrolling image gallery found here (Build an Infinite Scrolling Photo Banner With HTML and CSS | Design Shack). When I pasted in the CSS and HTML, it displayed all vertically and broke my title div. Not a professional, so I could use an expert eye to point out any mistakes. Trying to make title in vertical center of page, scrolling image gallery horizontal in the middle, and links directly below. HTML is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Marc Moss Art</title>



<link href="style.css" rel="stylesheet" type="text/css">
<link href="../../../../style.css" rel="stylesheet" type="text/css">

</head>
<body topmargin="600">
<div id="wrapper">
<div class="container">
<header></header>
<div id="content" style="height:300px;width:1000px;float:left;"><h1>art by marc moss</h1>
</div>
    
    <div class="photobanner">
        <img class="first" src="../../../../mosspictures/DSCN0038.JPG" alt="">
        <img src="../../../../mosspictures/DSCN0040.JPG" alt="">
        <img src="image-3.jpg" alt="">
        <img src="image-4.jpg" alt="">
        <img src="image-5.jpg" alt="">
        <img src="image-6.jpg" alt="">
        <img src="image-1.jpg" alt="">
        <img src="image-2.jpg" alt="">
        <img src="image-3.jpg" alt="">
        <img src="image-4.jpg" alt="">
    </div>
    <nav>
    <div id="navigation">
    <ul>
    <li><a href="#">bio</a></li>
    <li><a href= "#">inspiration</a></li>
    </ul>
    </div>
    </nav>
</article>
<footer>
</footer>
</div>
</div>
</body>
</html>

Is this supposed to be a WordPress site? None of these images are found on the server. Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
   <img src="mosspictures/DSCN0040.JPG" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O.

Scrolling XML Gallery

Howdy,
I would like to create an sliding xml drivin photo gallery,
similar to
this
one at flashkit but all linear and only previous and next
buttons, no numbers. Any ideas?
Thanks,
Conrad

Hi --
I clicked on the link for your gallery and the images load??
Both when I
click on the image or when I click the "next" and "previous"
buttons --
although the "hit" area for the buttons is below the actual
text so you
should adjust that on those buttons. I would also recommend
not making the
text selectable so the cursor won't change to the "I bar"
Rich
"joesavy" <[email protected]> wrote in
message
news:fcp3qi$4ak$[email protected]..
>I created an XML scrolling thumbnail gallery using a
>
http://www.kirupa.com/developer/mx2004/thumbnails.htm
>
> I then had to alter the action script to get my
thumbnails to display
> properly
> -- they were spaced out or overlapping each other and
not in the sequence
> specified in the XML file. The new code works great
locally, but the
> thumbnails
> and larger image refuse to load remotely in every
browser i've tried. Any
> thoughts on how to alter the action script to load the
gallery?!?! I'm not
> much
> experienced in Flash so any help would be most
appreciated.
>
> You can find the page with my unloadable gallery
>
http://www.sullivancreative.com/clients/se-07-7-24/se_website/gallery.html
>
> You can see my action script in my
>
http://www.sullivancreative.com/clients/se-07-7-24/se_website/xml_photogallery_s
> crollthms_fix.fla
>
> Thanks!
> Joe.
>
>

Vertical photos in CS4 gallery creator

Ok, so I know that when you take a photo and change its size by a percentage thats not 12.5%, 25, 50, 75 and 100% the image becomes distorted and lines become jagged.
I have all my images edited and converted to JPEG to put into a gallery in Bridge CS4 gallery creator and they all look great, but when the vertical images show up in the gallery they are distorted because they had to be resized to put into the gallery. Is there a way to avoid this and have both vertical and horizontal be played in the gallery at the size I made them to be?

Tried placing the image both horiz and vertically as you suggested. The vertical photo has vertical lines, the horizontal photo has horizontal lines. So must be the image or how it's being handled somehow by InDesign. Printing the same image using Photoshop yields a good image. Thanks for the advice anyway. Exporting the color InDesign doc to a PDF and printing it in Grayscale and I still get the dozens of straight white lines ( per the attachted example).

Brigde CS5 in Windows 7 64bit - drops out photos in Web Gallery preview

Is there a limit to the number of photos that web gallery will display? I created a web gallery and then started over again as instructions I read stated that I should put the TITLE on each photo. Once I put the title in, out of 24 photos that use to display, only 20 now display.
Can someone explain why this is happening? I haven't even gotten to the point of trying to embed in my website yet. Perhaps Bridge isn't the best tool to use?
Thanks to anyone who can offer any insight as to why this is happening.
Daisey

And right you are! After posting this message I started reading through all the help files and finally did find the same answer. Now my problem is the linking as I have a very strange hosting set up. Two sites, same directory. So all my images have broken links. Something new to work out!
Cheers!
Daisey

The Horizontal & vertical scroll is not visible or not working when i run the form in Forms 6i.

Hi all,
The Horizontal & vertical scroll is not visible or not working when i run the form.
In this form , there are 5 canvas namely
CANVAS2 - Stacked Canvas
PASS - Content Canvas
MAT_RATES - Content Canvas
DATE - Content Canvas
PREVIOUS - Content Canvas
I have set "Show Horizontal Scroll Bar" to "Yes" and "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
I have set "Show Horizontal Scroll Bar" to "Yes" and "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
Help me with this please. How do i make it visible??
Oracle Forms 6i..
Thank You.

Vijetha wrote:
Hi all,
The Horizontal & vertical scroll is not visible or not working when i run the form.
I have set "Show Horizontal Scroll Bar" to "Yes" and "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
I have set "Show Horizontal Scroll Bar" to "Yes" and "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
Help me with this please. How do i make it visible??
Oracle Forms 6i..
Thank You.
hello vijetha,
window and canvas show scroll bar when it need.
You should show block property
and set block scroll bar
hope this helps..
Hamid

How to disable the "turn page" event triggered by the scroll/swipe function?

The problem is as follows.
The default behaviour of Acrobat Reader (both stand alone and browser plug-in) is to allow scrolling/swiping with the mouse wheel/trackpad. This is useful when the pdf's page length is greater than the screen's own length, because you can read the pdf with no need to distract your attention from the text to the scrollbar button. However, the same scroll/swipe function turns into a usability problem when the pdf is embedded in a html page and the pdf's page length is smaller than the browser's length. In this case, the scroll/swipe turns the page, distracting your attention from the text to the unintended behaviour of the browser. What happens is that you are so used to scrolling/swiping that you did it unintentionally in the pdf's caption area. You really did not want to turn pages in the pdf. Furthermore, if the pdf takes the whole html page, being a website, the scroll/swipe function flips the website pages in ways that neither the reader nor the writer had ever intended. Hence the question. How to disable, in this case, the "turn page" event triggered by the scroll/swipe function? A JavaScript should do, but the SDK documents did not help so far...
Message was edited by: 41457173
Message was edited by: 41457173

... or release a patch for the API,
... or suggest an alternative route to achieve the intended result.

How do I get the file name to print up closer to a horizontal photo?

Kind of a nit-picking question, but here goes anyway:
I use Lightroom's Print module to create contact sheets (three rows by three columns). I check the "Photo Info" check box and select "Filename" to have the file names printed with each photo. When the photo is shot vertically, the file name prints at the lower edge of the photo, as you would expect. However, when the photo is shot horizontally, the file name still prints down in the same place where it would print if the photo were vertical. That can be confusing because if the next photo down on the sheet is vertical, a file name can end up being much closer to the vertical photo below it--to which it is completely unrelated--than to the horizontal photo above it, to which it actually refers.
Is there any way to get Lightroom to print file names closer to horizontal photos?

Thanks to both of you for your speedy responses. Making all the shots horizontal or vertical (i. e., unchecking the "Rotate to Fit" box on the right) is not what I want. Increasing the vertical spacing is a possibility, but that'll make the vertical shots smaller. There's a program called "ImageBuddy" which does exactly what I want LIghtroom to do in this instance: print the filenames of only the horizontal shots higher and therefore closer to the photos to which they refer. It's quite cheap, but I'd rather not use Lightroom for everything else and ImageBuddy just for contact sheets, so if anybody knows of a way to do what I want to do within Lightroom, please do clue me in.

How can I sharpen all photos in a gallery at one time?

I want to sharpen all of my photos in a gallery at one time. How do I do this? In Lightroom, you can sync....can I do this on Aperture?

I don't disagree ... . I tested LR3, Ap3, and C1Pro5 for some large projects, and settled on Aperture because it's organization tools were a whole level deeper than LR's (at the time, C1P had none), and I prefered the interface. I'm no wiz at LR, but I suspect the two are pretty much dead even photo developing tools. I'm not at all tempted by LR, but I am drawn to C1P for photo developing. If I didn't have so much time invested in Aperture -- and so many Images under management -- I would look again at C1P now that it claims to be fully integrated with a DAM.
I think Aperture could be easily the best of the lot. Like you, however, I don't see Apple aiming for "best".
If you like Aperture and want to see it changed in any particular ways, send feedback. Apple may not respond the way you want -- but they certainly won't respond to things they don't hear.

How do I print 4x6 photos on an HP Officejet Pro 8600 Plus via Windows Photo Viewer or Gallery

Dear Experts, I've got an HP Officejet Pro 8600 printer with just one paper tray in which I loaded 4x6 photo paper.
The printer was purchased in January 2014, the latest drivers are installed. Now I would like to print a single 4x6 photo using Windows Photo Viewer or Gallery.I loaded the 4x6 photo paper into the tray as indicated by the little icon labeled 4x6in, so I suppose I got the HW part right. It's just the SW part which gives me a hard time. The available paper size options in Windows Photo Viewer and Gallerydon't include photo paper sizes, just the standard paper and envelope sizes.Hence I checked in the HP Printer Assistant in "Set Preferences" what kind of paper sizes are available, and there is exactly the same list as proposed by Gallery, missing photo paper sizes. So I guess Gallery just picks the sizes from the driver and ther are no photo paper sizes. This is an issue because I prefer to print from my PC using Win 7 or Win 8 and not from a SD card or a USB stick. Any help is very welcome, thank you in advance!

Thank you for this link! Actually I installed a brand new Windows 8 system in January 2014 and then bought the HP Officejet Pro 8600 Plus printer a few days later. To install this printer I did not use the CD that came with it but already used this link. Just to be sure that I have the latest version I again reinstalled the driver. The result is definitive: You cannot print common photo paper sizes like 4x6, 5x7, 8x10, etc. via a PC using photo SW like HP Photo Creations, MS Gallery, Windows Photo Viewer or any other SW on a HP Officejet Pro 8600 Plus. The reason is most likely that HP marketing decided that an Officejet should not be smart enough for photos, after all the company sells also Photosmarts. Because you cannot create your own formats you are limited by the driver to what is typically available in an office, in this case: A4, Letter, legal, Statement, Executive, A4, A5, A6, B54 (JIS), Envelopes #10-DL-C5-C6-A2-Monarch, Japanese Postcard, Japanese Envelope Chou #3-#4, L, 2L, O**bleep**u hagaki, Index Card Letter-A4, Edge-to-Edge Letter-A4, Env. Japanese No 3-No 4 and that's it, not more. Thank you anyway for trying to help me but in this case only the SW developers in HP can help.It would be great to be able to print from time to time a 4x6 photo on this printer like I would do.Copying photos on a USB stick or on a SD card first and then use this way to print on the printer is too cumbersome for me.

Using a shared photo in Web Gallery

My wife and I share a computer and we each have a .Mac account. However, all of our pictures are in iPhoto under her login.
I would like to publish a Web Gallery using my .Mac account and photos shared from her iPhoto library.
However when I include a shared photo in the Web Gallery it imports it into my iPhoto Library, giving me two copies of the same photo, one in her iPhoto library and another in mine, thereby duplicating the photo which is not what I want.
Is there a way to use a shared Photo in Web Gallery and maintain the relationship to the original photo and not duplicate the picture?

Roger
No, because as far the the Mac is concerned, it's not yours to Share until it's in your Library.
Regards
TD

How do I save a photo to my gallery that someone sent to me via text message? Thanks!

How can I save a photo to my gallery that someone sent to me via text message? Thanks!

Welcome, glad that answered your issue.

Horizontal Photo Scroll/Swipe Gallery

Similar Messages

Maybe you are looking for