Image Gallery picture orientation

Is there a way to have a gallery where all of the pictures are rotated 90°? I have pictures that are taller than they are wide, so I would like them to be display sideways.

Hi Bruton
Siena does not currently support the ability to rotate pictures. However if you have images that are taller than wide, you could use an image gallery for which the template height is greater than its width. You should be able to see several images next to
each other.

Similar Messages

IPhone to image capture picture orientation problem.

I am having a problem with my iPhone 3G (2.2.1) and pictures. I've seen several other topics about this but none of them address or fix the problem for me (since most of them are from people using other applications like Picasa or iPhoto). Opening up every picture in an image editor and rotating it before syncing back to my iphone is NOT a solution. It's a bandaid.
Here is the problem.
Take a picture with iPhone. Connect to Mac. Image Capture app launches and I "Download All" to Pictures folder in Home folder. Images are deleted from the iPhone and moved into the Pictures folder. Opening an image from the Pictures folder opens them in the correct orientation in Preview.
iTunes is set to import all pictures from the Pictures folder. Sync iPhone. Images are uploaded to the photo library and all of them are rotated 90 degrees CCW. Turning the phone causes the images to rotate automatically to retain "correct orientation" which is still wrong.
Uploading an image from the phone (to Facebook for example) from the Photo Library results in a rotated image on the server.
None of the suggestions I've seen so far are a "solution". I don't want to open every image I take in iPhoto and rotate it before I sync it back to my Photo Library.
My question is how do I fix this, or prevent it from happening? Alternatively, is this a recognized bug that Apple intends to fix?

This is a useful method to minimize the problem, but it is still not a solution. It is unacceptable that I should have to resort to an extra step using a third party application to get my pictures onto my device, especially considering this problem didn't previously exist.
I am using all Apple tools (iPhone, iMac, image capture, iTunes) because I want to maintain the integrity of the process.
I know this problem is related to EXIF information in the image resulting in an unwanted rotation. IF I open an image in another program, I can clearly see that the image dimensions are listed at 1200x1600 (portrait). Either image capture or iTunes is modifying or removing these values before the image is optimized and added to the Photo Library on the phone, resulting in an orientation mismatch.
I guess I'm going to have to call Apple.

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.

Need advice/idea about Image gallery

Hello to ALL!!!
I'm trying to make an dynamic image gallery WITH!!! some
active buttons above (for example: BUTTON1 with function "delete"
and BUTTON2 with function "update") a picture and some "dataoutput"
below (for example:Price). So, separate cell must look like:
BUTTON1 BUTTON2
<Image>
PRICE
For implementation this task I have:
1) mySQL database "gallery" with table "test" and columns
"Id", "path to image", "Price"
2) 2 gifs: BUTTON1, BUTTON2
Before my first trying I thought that it's simple, and I've
tried:

<cfquery name="qTest" datasource="gallery">
SELECT * FROM test
</cfquery>
<div id=imagecont>
<cfoutput>
<cfloop query="qTest">
<img src="../Button1.gif />
<img src="../Button2.gif /><br>
<img src="#qTest.path to image#" />
<p>#qTest.Price#</p>
</cfloop>
</cfoutput>
</div>
And it worked normal. BUT!!! Looping had a vertical
direction! And any CSS rules that I've applied to DIV "imagecont"
(weight, height) hadn't any effect.
So, what I've get:
I see all necessary information (on browser), but I don't
know, how to format it with my dreaweawer cs3 and CSS.
And I afraid that I've chosen a "wrong method" (I mean my
code above)
Please, give me some recommendations or advices.
How can i archive my needs?
How to use CSS in div tag, which includes <cfloop>
code. I've also tried to use CSS with structure like:
<div id=a>
<cfoutput>
<cfloop >
<div id=b>
DATA
</div>
</cfloop>
</cfoutput>
</div>
But (div a)'s CSS rule HEIGHT take's no effect on <div
id=b> :(
And what about useful technique for displaying " action
buttons" above each image in dynamic image gallery???
Great THANKS for your answers/comments!!!!

the css attribute you are looking for is FLOAT.
see if something like
http://www.photos-of-laos.org/top-rated.cfm
is
what you are after in general images layout terms. feel free
to check
the generated html :).
re general css knowledge i highly recommend the book
"Bulletproof CSS"
by Mark Grabinski.
re the 2 buttons above the image: consider turning them into
css image
overlays instead (when the buttons appear OVER [not above]
the image
only when a user mouses over) - it looks much better that
way.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

What image gallery script is this?

Hi,
Has someone any clue about what kind of image gallery script is on this site? Pictures scale to page size in full screen , easy forward-backward browsing. And thats it, simple and user friendly. Most of image galleries are quite heavy in practice. Im looking for something much the same.
http://ryanchurch.com/john-carter-3dwork/
There is also similar on this portal http://cghub.com/ so it looks like it's something universal but can't find it anywhere.

do you mean something like this :
http://www.html.it/demo/javascript/33315/demo_index.html
or thishttp://www.html.it/demo/javascript/33314/demo_index.html
well, if yes they can be downloaded from here :
http://www.html.it/script/griglia-dinamica-stile-pinterest-con-jquery/ (press "scarica" who mean "Download")
http://www.html.it/script/photo-galley-con-filtraggio-con-jquery/ (like the precedent)
hope this coul be of help ^^
bye
T.T.

Flash Image Gallery

I purchased the Flash Image Gallery Extension. Installed and
created several beautiful working galleries.
In my image gallery (link below) there are Category titles
176, 186, etc.. When you click the titles it changes the thumbnail
pictures, while the main image remains the same.
Question: I'd like to click on a Category Title and have the
Main Fullsize image change as well. This would help visually to see
that you have in fact changed to a new category. As it is now, it
is not evident that you've changed category. You have to go to the
tn images and click there.
Can you give me some direction on how accomplish this?
Perhaps a behavior - when category title is clicked on the main
image will appear for that category? Seems like a simple edit. Can
I do such an edit on a purchased gallery template file extension?
New to flash, quite familiar with DW CS3. Below is a link to
my gallery:
My
Gallery Link

Hi
These can be linked together - it will need you to change the
destination of the 'Front Page' link (URL) to point to the
appropriate 'Gallery', in the XML you can identify sections by
using the same 'Gallery Id' from the link (URL) in the 'Front
Page'.
Does that make sense?, if you need more help then let me
know

Help with CSS image Gallery

Found this simple css image gallery. However I'm having trouble adjusting it do my needs. I ideally want to make each small image slightly bigger than currently and have 3 or 4 on each line. Also want to make the enlarged image bigger. The width would need to be around 550px.
<style type="text/css">
* This notice MUST stay intact for legal use.
* This script was created for FREE CSS Menus.
* Visit: www.freecssmenus.co.uk for more CSS.
* Also visit our Free online menu creator.
/* credits: www.freecssmenus.co.uk */
#pg { width:390px;
height:200px;
border:2px dotted #666;
padding:5px;
padding-top:15px;
#pg ul { list-style:none;
padding:0;
margin:0;
width:180px;
position:relative;
float:left;
#pg ul li { display:inline;
width:52px;
height:52px;
float:left;
margin:0 0 8px 8px;
#pg ul li a { display:block;
width:50px;
height:50px;
text-decoration:none;
border:1px solid #000;
#pg ul li a img { display:block;
width:50px;
height:50px;
border:0;
#pg ul li a:hover { white-space:normal;
border-color:#336600;
background-color:#AABB33;
#pg ul li a:hover img { position:absolute;
left:190px;
top:0;
width:auto;
height:110px;
border:1px solid #000;
#pg ul li a span {display:none}
#pg ul li a:hover span { display:block;
position:absolute;
left:5px;
top:130px;
width:350px;
height:auto;
font-size:12px;
color:#999999;
</style>
html
<div id="pg">
<ul>
<li>
<a href="css_rollover_uk_map.php">
<img src="upimage/ukmap345.jpg" alt="Css Rollover Map" />
<span>
<strong>
CSS Map.</strong>
CSS Image swap on rollover/hover. This simple display of CSS shows the versatility of Cascading Style Sheets. Remember this animation is 100% User Accessible.</span>
</a>
</li>
<li>
<a href="big_css_button.php">
<img src="upimage/bigbutton1390.jpg" alt="Large Css Button" />
<span>
<strong>
CSS Big Button.</strong>
Css buttons can be as large and as extravagant as you like. Using one image you can create simple css buttons like this. This button is still a hyperlink not just an image.</span>
</a>
</li>
<li>
<a href="menu_opacity.php">
<img src="upimage/003opacity639.jpg" alt="Css Opacity" />
<span>
<strong>
CSS Opacity Menu.</strong>
you can use styles to change the opacity of an image. This creates interesting effects when creating a menu. </span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/freemusic885.jpg" alt="Free Mp3 Downloads: Unborn Records" />
<span>
<strong>
Unborn Records </strong>
Download free mp3 music for your ipod or mp3 player. Download free music from unsigned artists</span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/trix363.jpg" alt="Visit Trix the dog at www.catandtwodogs.co.u" />
<span>
<strong>
Cat And Two Dogs </strong>
Visit my three pets at www.catandtwodogs.co.uk . This is a picture of trix, he's a border collie.</span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/colours238.jpg" alt="A picture of colours in a swirl" />
<span>
<strong>
A swirl of colours. </strong>
This is just a picture of colours in a swirl effect.</span>
</a>
</li>
</ul>
</div>

Sorry can't do this at the moment.
I've decided to switch to the JQuery Lightbox Image Gallery instead. In IE8 I get the following message:
Message: Script error
Line: 0
Char: 0
Code: 0
URI: file:///C:/Documents%20and%20Settings/User/My%20Documents/SRC12-13/all%20html%205/all%20ht ml%205/Simple-HTML-5-Template/Simple%20HTML%205%20Template/js/jquery.lightbox-0.5.min.js
My page works and my js is refenced correctly. Not sure if this is just a IE8 thing, or whether the page needs uploading to work correctly. Works fine in Chrome.
Wonder if there is a way to fix this?

Dreamweaver cs6 web image gallery

hi to all, i need help with web and image gallery, as far as web is OK but im trying to involve a lot of pictures inside, the problem is im trying to put table inside div tag with auto resize to thumbnails, i hope it is possible o is there another solution for images gallery

Here is how you deal with jQuery:
Firstly, you go get the code from the image gallery that you prefer that I linked to above.
Then you find out which version of jQuery you need.
Then you go to jQuery.com and download the code.
Then you create a folder in your defined side in Dreamweaver. Call it js.
Put jQuery into the js folder
Put your plugin (the gallery you chose) into the js folder.
Call both jQuery and your plugin in the <head> region of your web page thusly:
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/plugin.min.js"></script>
Then follow the specific directions for whichever gallery you choose to activate the plugin. For example, "fancybox" wants you to create a div class called fancybox. Then, in the <head> region of your web page underneath where you called the plugin(s), place the following:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
</script>
And the plugin will work.
That's how to apply.
Alternatively, you could purchase a plugin from Project VII or other sources that will automate everything.

PHP image gallery uploader for client website?

I am trying to find a php image gallery uploader so that once I install the code into my clients website, they can upload via the web their pictures to the gallery, I've googled and come up empty. It would need to look nice, not clunky (think flowchart gallery on the mac).
How can this be done. Hoping to buy software and install it, let the program do the work.
Thanks,
Stefan
http://www.bluebarngraphics.com

I am not aware of any off the shelf software as you describe, but I am thinking is should be a fairly straightforward project.
1. Create a form for your client to upload images, alt and text descriptions into a database.
2. Take some off the shelf photo gallery, wrap the code in a "do while" loop, call the images and text from the database.
Gary

Counter of visit on MobileMe Gallery (pictures)

How can I place a counter (that counts all the visits) of my .mac or MobileMe Gallery (pictures)?
I know it is possible to place a counter on iWeb pages but not on the Gallery.
Any suggestion would be mostly apreciated.
Alex

Thank you, Apearl,
Hmmmm . . . I've been so busy i almost forgot about this one! Let's see - good idea to rebuild library. I did reset Safari - but if memory serves me, I had 503 images in that library - just for the **** of it, I deleted a few of them, bringing it to 495 or so. Republished, then cleared the cache of Safari (I think) the problem solved itself. Im wondering if there is a limit of pictures of 500, and that solved it? Or maybe just republishing with a few less??
Who knows, but the problem seems to have solved itself. But thank you for confirming what I thought good procedure should be, and confirming there's nothing I've missed.
Larry

Table Image Gallery Problem - Stretching / Distortion

I am using tables for making image galleries and they have worked fine up until my most recent gallery which has images of different orientations: 3 landscape-style images and 2 portrait-style.
The first (and only) large image I inserted into the table was landscape-style, and the 3 images of this type work fine. I used the 'Swap Image' behavior for each of the thumbnails I have below the large image. The problem is that the portrait-style images get stretched / distorted horizontally to fit the same dimensions as the landscape-style images.
I've tried looking at the code to modify dimensions of the images but there are only dimensions for the 1st/only large image. I've also tried lengthening the height of the container div and the div inside it which contains the table gallery, but this did not fix my issue.
I am somewhat new to Dreamweaver so this may be sort of a beginner's question, but I am hoping someone might help me to figure out how to make the portrait-style images be their original size and not stretched / distorted.
If necessary I can provide the code and try to provide more info.
Thanks!

I played around with the code some more and changed both the height and width of the (ID: #large) image to "auto" which seems to have fixed the stretching and distortion.
However, if possible, I'd still like to be able to center the portrait-style images in the table. Does anyone know how to do that?
The updated page is visible here: http://www.csulb.edu/~mmccutch/misc2.html

ANNC: Image Gallery Magic Now Available

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Dynamic Image Gallery AS2

I have dipped in almost every search engine and this site to
locate some easier way to create dynamic image gallery in Flash 8
AS2 using ASP (as i am conversant with ASP only, although i found
many sites suggesting PHP and XML). I'd be very greatful to u all
if u could provide me some help in this part of my project.
I have tried this source also but neither the source throw
any error nor it displays the images, what could be wrong with the
source? Please Please Please Please Please Help me!!!!!!!!
this.createClassObject(mx.containers.ScrollPane,
"scroller_sp", 10);
scroller_sp. setSize (100, 300);
swfThumbs=["imgs/img1.jpg","imgs/img2.jpg","imgs/img3.jpg"]
this.createEmptyMovieClip("clipLoader",1);
for(i=0;i< swfThumbs.length;i++){
clipLoader.createEmptyMovieClip("clip"+i+"_mc",i)
clipLoader.attachMovie("clip"+i+"_mc","clip"+i+"_mc",i+10);
clipLoader.loadMovieNum(swfThumbs
,i+100);
scroller_sp.contentPath = clipLoader;
thanks in anticipation and regards
raajaindra

Hi,
I have a picture show.
It creates its own folder when you first upload images with
the integrated Image uploader. Then it loads the images in with
ASP.
Have a look at
http://netwings.info
- click the B1 Image-show.
When you are interested, the contact is at the site.
Regards,
Luciewong

N97 mini: folder setting for image gallery / photo...

Hi I've just got a simple question: is it possible to choose the images folder(s) which are shown in photobrowser or image gallery on a n97 mini?
now it shows all the images on my device/mass storage/sdhc card, and I don't want that to happen. I want to be able to choose the folders which are shown. now it also shows all icons of my pois inthere, so i've got over 400 images (all images which are used by programs) while there are only about 50 files in the images folder.
now i have to scroll through 350 images which i don't need, just to find 1 photo i want to use as a background.
hoping that there will be a software update which allows for changing these settings, so that it only shows the folders I want to use.
Solved!
Go to Solution.

You can use X-plore from "lonelycatgames" , to hide an entire folder, but those images are used by programs this would be of no use.
If you are interested to know how:
1ownload and install X-plore, their website, (trial works as good as full, with a just a splash screen at startup)
2: Open it, Create a folder any where on memory card. Or if you know the folders where "those 400" pictures reside, navigate to it.
3: click Options>file>attributes>and tick "Hidden" it'll ask "Do you want to edit attributes of all file in this folder?" click yes.
Now all the file in a particular folder are hidden, so they won't show up in gallery.
Previous Phones: 6600, 7610, 6230, 6230i, 1100, 1112, N70, N73, N95, N95 8GB, 5800XM, 5230, C5, iPhone 3GS, SE Xperia X10, N900, N8, SE Xperia Arc
Current Phones: Nokia N9, iPhone 4

Spry image gallery

Hi there, just a question, I created a spry image gallery successfully with thumbnails on the left and the bigger image and details on the right, my problem is its created it with all the thumbs going down vertically after looking everywhere i havent found the solution, im hopefully wanting the thumbnails in a grid style so there are a few on each line, can anyone help?

I'm not sure which part of the code you were asking for, but this is the code from the actual spry table which was created.
    <div id="Text">
      <div class="MasterDetail">
        <div spry:region="ds1" class="MasterContainer">
          <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{thumbnail}</div>
        </div>
        <div spry:detailregion="ds1" class="DetailContainer">
          <div class="DetailColumn">{name}</div>
          <div class="DetailColumn">{description}</div>
          <div class="DetailColumn">{picture}</div>
        </div>
        <br style="clear:both" />
      </div>
      <p> </p>
    </div>

Image Gallery picture orientation

Similar Messages

Maybe you are looking for