Slideshow and image gallery

I have two questions. How can I create a slideshow on my opening page, is there a way to do this importing iphoto then is there a way to create galleries instead of having all the links above such as photo 1, photos2. I would like to have someone go to weddings then they can hit one button and slide through the photos??

Everything you're looking for is right here....
http://www.rowan-cottage.co.uk/Site/SimpleViewer.html
Good luck.

Similar Messages

Mythtv music and image gallery unresponsive

I'm running the Mythtv packages from testing, and find that I cannot play music or view images on the system.
At some point in the past, these functions have worked. I don't check them every time I upgrade, but went to use them the other day. On the mythtv menu, if I click on "Listen to Music" or on "Image Gallery", I get no response at all. Since it acts like it isn't getting the key press from the remote, I tried with the keyboard; same result.
This is the first time I've had a problem using testing packages and am not sure where to report problems, so I'm starting here.

Ok, never thought of that.
I'm getting an error:
2008-01-26 17:14:16.810 Unable to run plugin 'mythgallery': not initialized
2008-01-26 17:14:17.690 MythPlugin::Init() dlerror: libGL.so.1.2: cannot open shared object file: No such file or directory
2008-01-26 17:14:17.690 Unable to initialize plugin 'mythgallery'.
Will check to see what isn't updated, etc.
[bump]
found an error about nvidia-utils, which I upgraded to the testing version; it wanted nvidia and the testing kernel, updated those as well. All this did was screw up everything; sound system stopped working, still no access to gallery or music.....:mad:
I downgraded everything, now my capture cards don't work, I'll get it all back up before trying to figure this out again..
Last edited by timm (2008-01-27 00:11:33)

Can't open Photo and Imaging gallery - 6 year old 1350 printer, running XP

Model 1350C printer running on XP without problems for 6 years. Today Photo & Imaging Gallery won't open. Error Message "Program encountered an unexpected error. the type initializer for HP.CUE. Gallery Image Manager Keyword threw an exception." Have no idea what this means, or what to do. Any ideas. Printer works great, but I can't use the scanning functions

Should I try doing that before I try the Archive and Install?
Running DU from the HD will not allow you to repair the HD, but it will allow you to Verify the HD to tell if you need to boot from the Install disk to actually Repair it.
Should you need/want to do it from the Install Disk...
"Try Disk Utility
1. Insert the Mac OS X Install disc that came with your computer, then restart the computer while holding the C key.
2. When your computer finishes starting up from the disc, choose Disk Utility from the Installer menu. (In Mac OS X 10.4 or later, you must select your language first.)
Important: Do not click Continue in the first screen of the Installer. If you do, you must restart from the disc again to access Disk Utility.
3. Click the First Aid tab.
4. Click the disclosure triangle to the left of the hard drive icon to display the names of your hard disk volumes and partitions.
5. Select your Mac OS X volume.
6. Click Repair. Disk Utility checks and repairs the disk."
http://docs.info.apple.com/article.html?artnum=106214
Also, if I try Archive and Install, will it delete all of my personal files, too, or will these be carried over?
If you use A&I and choose the Preserve Users & Settings, it should just replace the OS' files and leave all yours intact. About the only way it could fail is Power Failure during it, (make sure Laptops have AC power during A&I or Repairs, , updates, etc.), Bad Disk/Directory info to start with, or flaky RAM or some such odd thing.

Need Ideas for Minimalist Website and Image Gallery

I am looking for ideas for creating a minimalist online image gallery/portfolio? I want to either use html for the site and then flash for the portfolio images or some other method. I want to click on the thumbnails and then a large image will open.
Should I use Flash, Dreamweaver, Would it be easier to load the images dynamically to a folder. Does anyone have an example they could show me. Thanks.

I second Mahendra's suggestion for JAlbum Excellent product! Just so you know, you don't need to use their image hosting. Simply download the software and install it on your PC. The beauty of JAlbum is that it generates thumbnails and HTML pages for you from your folder of images. Lots of different Skins available. CSS can be customized. And you can't beat the price.
Minimalism is nice but on the web, if you don't have some real text in the HTML markup you're essentially invisible to search engines, language translators and web assisting technologies like screen readers. I realize this is a portfolio, but you want to maintain some degree of visibility so people can find you. For this reason, Flash sites don't do well. HTML is preferred.
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

N95 and image gallery sorting by filename, not by ...

Hello!
In N95, the default sorting of images (and photos) is by date-time. This is stupid and useless, because:
- I edit some of my taken photos, so they have different datetime stamps than originals
- I always manualy define the order of photos by putting numbered prefixes in filenames.
The gallery on N95 should be able to sort by filename. I cannot find a "sort by" option. Is there any?
Or did Nokia forget to add such an important option?
Thanks,
Smargroth

So it seems that the only solution is to "touch" files (modify timestamp); in groups, so I can simulate "albums" (all files in one group get the same timestamp). Then the files are sorted by filename.
But this is possible only using microSD card, connected through "Data transfer mode" to PC.
I don't know who programmed this gallery application, but it is really some of the worst programs which I saw. Didn't they ask any user what we want? Yesterday I tried to copy a lot of my journey photos (around 4000) to memory card and what then? Each time when I opened the gallery, photos was processed around 2 minutes before displaying!!! I hate this application. Why does it need to count the photos? And, if it really needs the total number of photos, it can store the number or make some database, which is refreshed on demand, like music list.
And, I don't find any option, to hide some folders from displaying. For example, I have some photos for contacts, and I don't want them to be displayed in gallery. Is this possible?
Because, in my opinion, this gallery application is so bad and useless, I wonder, if there is some (3rd party) gallery application, which works like ACDSee or Irfan or any other normal program?
Thanks,
Sergej

Slideshow and image filenames

Hi, is there a way to display each image's filename on the slides generated by the Slideshow module in LR1.1?
Thanks for any help,
DLMST

Thank you, I tried using the ABC feature but it added the same text to EVERY slide. I couldn't figure out how to apply the text to each slide independently. (I do use that feature to add copyright and contact url applied to all slides however.) There must be something I'm doing incorrectly. :-( I'll re-read the LR Help.

Using LR 5 to make slideshow and images in the preview are correct but when I play the actual slideshow the pictures are a lot smaller than what they should be. Help!

I'm making a slideshow with Lightroom 5. I'm using a 2014 Macbook Pro. Everything works except when I play the actual slideshow the pictures are smaller than what they should be. But the preview is showing the correct photo size. Does anyone know why this is happening and how to fix it? Thanks!

Hey ronfya
Did you ever get any feedback on this? I haven't read the Technicolor link yet. I was just trying to figure out why my stuff comes out darker on Vimeo. Could this be because FCPX is displaying it to brightly?
A.T.

FW popup menu and image gallery IE7 isssue

I was trying different things and ran across this issue, I
put a Fireworks CSS popup menu just above the thumbnails in the
gallery demo and when I tested it in IE7 (not sure about IE6 or
older) the thumbnails show through the menu when it pops up?
Seems to work just fine in Firefox 2. just like IE to cause
CSS issues.
I put the sample up on the server, check it out here.
http://www.bardenhomes.com/pcs/gallery/index.html
anyone know what I need to change in the CSS to make these 2
things play well together?
thanks Jim

Have you tried giving the menu a higher z-index via CSS?
--== Kin ==--

Image gallery/slideshow

Hi,
i want an slideshow/gallery for my site,
the perfect one is at http://uk.msn.com/
it's the first thing you see when you get there.
I've looked around and can't find a tutorial for it anywhere,
Does anyone know how this is made
or can give me a link to a tutorial?
Thanx

MSN is probably using something proprietary. Below you'll find some free slideshow and image gallery solutions that might work for you.
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solut ions/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

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.

Image Gallery Text Fields

How do I change the font and size of text fields in creation of and image gallery? I am able to change color. I have Lightroom 3. Thanks.

LR's advanced web settings are hidden by default, but you can access them on Windows using Ctrl-Shift-Alt-/. On Mac: switch to the Web Module, click on the Help menu, press Shift+Option and click Use Advanced Settings.
Marc

How do i use numbers for image gallery and arrows?

Hello there,
I'm hoping someone can advise me on the best possible way.
I would like to use numbers to help the user navigate through the image gallery i'm creating and arrows on either side of an image (one image viewed at any one time). I have attached an image of what i'm trying to acheive. I feel like the arrows will help aid the user to navigate and the numbers will inform them on the number of images to view.
I have so far created the site with a template (logo and nav bar) and child pages for: home/about/work/contact.
Hope to hear from someone soon.
Nicola

With so many pre-built image galleries available to you, there's no reason to re-invent the wheel.
CSS Image Viewer (view source to see the code)
http://alt-web.com/DEMOS/CSS-Image-Viewer.shtml
jQuery slideViewer 1.2
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
57 + Image Gallery, Slideshow & Lightbox solutions
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
In addition to the ones above, log-in to Adobe's Widget Exchange with your Widget Browser
http://labs.adobe.com/technologies/widgetbrowser/
    * jQuery Cycle Widget
    * Lightbox Gallery Widget
    * Spry Content Slides
    * Spry Image Slideshow
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Image gallery to autoplay and highlight the thumbnails

Hi all,
I still haven't been able to find anything suitable for an
image gallery with thumbnails that:
- autoplays
- highlights the thumbnails and displays the main image at
the same time
- and when the mouse is over the thumbnail, the thumbnail
highlights or has a border around to show that it's been selected.
Here is a sample of what I'm looking for:
http://components.earthscienceagency...nts/slideshow/
Of course the captions need to be loaded as well as a
previous and next button to scroll through the images.
Any help with this would be greatly appreciated.
Thanks

Hi all,
I was able to resolve some of my issues, but still have a
couple more. The images from my xml appear out of order (so the
last one inserted in the xml appears first) and also I'd like the
thumbnails to be highlighted as the main image transitions in and
out. I have the main image autoplaying and the thumbnails are
pretty much static.
I've provided the AS below. For the thumbnails, would it be
possible to create a similar to the slideshow function and have the
thumbnails play at the same time too?
Any help would be greatly appreciated!

Image gallery approach for additional details and add to cart option?

With efficiency and minimalist downloads for smartphone users I would appreciate advice on a product image gallery.
Currently I have an intro page and other simple information pages. My gallery pages ( four distinct pages for different leather goods) need either a pop up or a link to a new page for additional details and an option to add to cart.
Within the image gallery, How should I link each photo to the new detail/cart page? Can clicking the image itself be the action or do I need a button?

I made a mistake. I think I got it right this time. The pop up of the title box works but the images are all gone.
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 14px/20px 'Lucida Sans',sans-serif;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -70px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
</style>
<style>
section, header, nav {
display: block;
    box-sizing: border-box;
body{
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0;
padding: 0;
background-color: #FFF;
#hover-image {
background-color: #cfc6b0;
text-align: center;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
    background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 25px;
    color: #000;
nav a:hover {
    background-color: #cfc6b0;
    color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
    font-size: 260%;
    line-height: 200%;
    margin: 0;
    padding: 0;
    color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
    float: left;
    width: 33.33%;
    color: #000;
    border: #000
.footerBox {
    float: left;
    width: 33.33%;
    color: #000;
@media screen and (max-width: 768px) {
    .container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">

<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>

</div>

<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>

</div>

<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>

</div>

<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>

</div>

</div>

<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html>

How to add a 'Download' feature in image and video gallery?

Hello,
I have created an image gallery on one screen and placed few videos on another screen.
Now, I want to add a download feature in photos & footages both.
Does anyone know how so I do that?
Prompt response will be highly appreciated.
Thanks in advance.
Jay

Hi,
Could you please provide additional information on what you mean by Download feature ? Where do you want to download these images and video from ?
Olivier

Slideshow and image gallery

Similar Messages

Maybe you are looking for