Photo gallery index

Can anyone point me to a tutorial explaining how I can set up
a gallery like
this.
I'm mainly interested in the index of thumbnails below and
how to get it to advance to the next batch of thumbs by clicking on
the arrow. I've got a basic gallery which advances the main photos
when the thumbnail is clicked but I run out of space when there are
more than say 4 or 5 thumbnail images below the main image...thus
I'd like to insert an arrow which will scroll the thumbs to the
left.
I'm still using actionscript 2.0
Thanks.
Pedro

>Anyway, renaming the files should not pose a problem, if you do full links. I just wouldn't do it for web galleries created automatically from PS.
There are could be hundreds of subpages in a gallery and I'm trying to avoid going back and redoing the link to each of the main pages. Every subpage points to the main page or the index page that PS creates. I can go and manually rename the index page but then the home button that is generated during the automation on each of the sub pages needs to be changed as well. I'm trying to avoid this.
Let me explain what I'm trying to accomplish. In the root of the domain I plan on having my index page (with a brief description about the company). Then I plain to have a few other pages including a gallery page. This is going to be the main page for all my galleries. Images will be places here that will link to the main page of each of the galleries that are created. Also on the root there will be a folder named "XYZ". This is were all the galleries will be placed under there own sub folders.

Similar Messages

CS3 Web Photo Gallery index.htm renaming

I'm not sure if there is a way to change this but if any one know please let me know. I working to modify one of the templates for the Web Photo Gallery, and am wondering if there is a way to designate in the template what to name the index page besides index.htm or index.html.
I'm working to create a site that will have many photo galleries. And while it does work to have each gallery in its own sub directory with the main gallery page named index.htm. I would prefer to have the main gallery page renamed during the automation process for easier archiving.
Let me know if anyone know if this is possible.

>Anyway, renaming the files should not pose a problem, if you do full links. I just wouldn't do it for web galleries created automatically from PS.
There are could be hundreds of subpages in a gallery and I'm trying to avoid going back and redoing the link to each of the main pages. Every subpage points to the main page or the index page that PS creates. I can go and manually rename the index page but then the home button that is generated during the automation on each of the sub pages needs to be changed as well. I'm trying to avoid this.
Let me explain what I'm trying to accomplish. In the root of the domain I plan on having my index page (with a brief description about the company). Then I plain to have a few other pages including a gallery page. This is going to be the main page for all my galleries. Images will be places here that will link to the main page of each of the galleries that are created. Also on the root there will be a folder named "XYZ". This is were all the galleries will be placed under there own sub folders.

Building A Photo Gallery Index Page...

I recently installed the PowerGallery Dreamweaver Extension. I've uploaded my photos (a total of thirty five separate galleries), but am unsure of how to create an index page that will allow my readers/users to easily select from what we offer.
Any suggestions on how this can be done?
Am I correct in assuming I will need/want to build the index using a php page?
Thanks!

Your questions are a little confusing. index.xxx is usually the default name of a file in a given folder, in your root folder, that is what most people refer to as your home page. The index can be .htm or .html or .php...or others.
What you might be referring to is that many times these extentions create their own folder and they then create an index.xxx page that this gallery is build on. I am not famiar with the product you mentioned.
Perhaps you could clarify what you mean.
Gary

Photo albums missing from gallery index

I published a photo gallery page with five albums. All is well on first viewing of gallery index page in both Firefox and Safari. However, when I return to gallery index after viewing an album, only one to two albums appear on the gallery index page. And they change on repeated returns to the gallery! Clearing the cache in Safari resets all five albums to the index. www.farmhouseinnvt.com/galleries.html.
Thanks

I'm seeing 5 albums on your galleries page. Clear your browser's cache (Command+Option+E for Safari) and reload the page.
However when I went back to the page after playing the slideshow some of the albums were missing. After viewing the Action window for the Gallerie's page (Command+Option+A) I found that there are some missing files. Not all of your files are getting uploaded to the server.
OT

Photo Gallery bug in IE7

http://labs.adobe.com/technologies/spry/demos/gallery_pe/dynamic/index.html
On mouseover, selected thumbnail expands behind other
thumbnails instead of hovering over them. Works fine in FF.
Is there a way to fix/override this?

@Kin
The gallery demo files do not put an anchor link around the
thumbnails. The article you list is describing how to alter the
files for (newer?) examples that require about 8 different include
files -- which, given the already HUGE download hit required to run
a photo gallery, seems excessive.
Can adobe not write up a solution that works for the sample
files for the gallery that only requires 3 includes + 1 css file
(which can be added to your own style sheet to avoid yet another
file download)?
Or, is there someway to grow the thumbnails from the bottom
right corner, thus avoiding any overlap by subsequent thumbs? I
tried setting the grow from center to false in SpryEffects but it
appeared to have no effect on the function in the gallery.

Photo gallery in as3

I'm making photo gallery where photos will be loaded from external xml file but i have problem. I want to add an effect when photo is changing like on this site: http://www.studiomelon.pl/index.html#/1/ Could somebody help me with that? I am noob in flash so please explain it as clear as you can. Thanks.

I was sesrching for that for a long time before i created this tread. There is many tutorials and exaple files for page flip or page turn but i cant find good one. Many of them was coded in as1 or as2 other using php and java script so its difficult to understant. I just want one simple solution for that. It cant be so hard to create something like that. Could you help me to find some good and simple tutorial in as3?

Magnify effect in photo gallery, need help...

Heya,
So if you visit
http://www.hookmedia.biz/cabinet_source/v4_f
and navigate to the "Gallery" page you'll see that, below the area
the large photo is displayed, there is a "film strip" of thumbnail
photo's. I need these photos to be magnified when you mouseover
them but I'm unsure of exactly how to do that. Can anyone help?
You can download the entire .fla via this link:
http://www.hookmedia.biz/cabinet_source/v4_f/index/fla
Once downloaded, double click on the main content area
(titled content_mc) and navigate to the second frame and open the
"photo_gallery" or "gallery" folder where you'll find the first
layer is actionscript for the photo gallery.
Thanks!

You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

How do I only show thumbnails in the photo gallery without showing the Main Image?

Hello,
I need help customizing the Spry Photo Gallery Demo...
I would like for the Main Image To Be Hidden when the html
page loads. After the user clicks the thumbnail, I would like to
have the Main Image load centered on the page(with div containing
close button) on a z-index above the thumbnails. While the
thumbnails layer has a fade effect to 10%. After the user clicks
the close button the Main image disappears and the thumbnails layer
fades back to 100%. Then the user can click another thumbnail and
so on and so forth...
Is this possible? I have tried everything I can think of with
my limited knowlege of spry and cant get it to work. I just need
help with the Large image part. The close button and fades I can
handle.
Any help would be most appreciated. Please let me know if
further information is needed from me. Thank you in advance.

There is a third-party program called Attachment Tamer that will do that for you. In the Terminal, you can type this:
defaults write com.apple.mail DisableInlineAttachmentViewing -bool yes
Also note that while Attachment Tamer does some things with the encoding that makes certain email clients display the item as an attachment, what shows up at the receiver's end is solely dependent on their email client and its settings.

Filmstrip photo gallery scrolling effect, need help...

Heya,
If you visit
http://www.hookmedia.biz/cabinet_source/v4_f
and goto the photo gallery you'll notice that the photo gallery
works well except that the filmstrips doesn't scroll left or right.
Now, I built this one based off of a Kirupa tutorial, and when the
photo gallery is in a sepereate .swf it works great. But as soon as
I copy the frames to my site that particular effect, and only that,
stops working. Can anyone help me? Thanks!
You can access the fla at
http://www.hookmedia.biz/cabinet_source/v4_f/index.fla

Thanks aniebel, but I think that'll be a last resort for me
considering I'm nearly done with this one, I just need help fixing
whatever the issue is. But thanks a ton anyway!
PS The link to the tutorial is:
http://www.kirupa.com/developer/mx2004/thumbnails7.htm

Photo Gallery Help

I'm kinda in a hurry to get this site up and running and i need to cut a few corners. Does anyone no where i can get a template for a photo gallery. My site is a Dreamweaver site, but if had to use a flash image gallery that wouldn't be a problem. I basically wanna plug my words and captions in and be done with it. Any help? I still want it to look nice though.

jQuery, Lightbox, Ajax, Flash
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solut ions/
Photo Gallery Creation Software
http://www.JAlbum.net
If you want fast (5 minutes), buy Image Gallery Magic
http://www.projectseven.com/products/galleries/hgmagic/features.htm
http://www.projectseven.com/products/galleries/hgmagic/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Photo Gallery Auto Start

I've gone through the photo gallery tutorial:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
And it worked just fine for me. But now I'd like to create a
photo gallery for a homepage that loops through a couple of images.
I've looked at the demo and the script found in gallery.js.
I'm not sure where to put the
StartSlideShow() function to get the slide show to loop
through the images without a user interfacing with it.
Can some one point me in the right direction?
Thanks

Hi Paul.Wrightson,
The photo album tutorial you mentioned is a *very* basic
implementation. The one that you see in the demo section here:
http://labs.adobe.com/technologies/spry/demos/gallery/index.html
is a bit more complex because it uses effects etc. So what
I'm wondering is if you want to use the "basic" version or the
"demo" version. You can't just use the functions from the "demo"
version with the markup you have in the "basic" version.
If its the "basic" version you want, then it is a matter of
just setting a timer that changes the current row of the data set
every time it fires.
If its the "demo" version, all you'll need to do is generate
a photos.xml file like you see in the gallery/galleries/*
directories, and edit the galleries.xml file so that it refers to
your photos directory.
We used Photoshop's web album feature to generate the XML,
thumbnails etc.
In any case, let me know which version you are trying to use.
--== Kin ==--

Need a good Photo Gallery Extension

Setting up a photo gallery with hundreds of shots. Would like
an extension that give more choices for Dreamweaver CS3. Would like
to create pop-ups from thumbnails from a folder of photos in a
batch medthod without having to do each individually.

Here is the one I have .. you can set up a gallery in about
10 minutes.
Using Fireworks, it will even prepare the images for you in
the process.
http://www.projectseven.com/products/galleries/hgmagic/index.htm
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
"WSG46" <[email protected]> wrote in message
news:gaebg7$9b2$[email protected]..
> Setting up a photo gallery with hundreds of shots. Would
like an extension
> that
> give more choices for Dreamweaver CS3. Would like to
create pop-ups from
> thumbnails from a folder of photos in a batch medthod
without having to do
> each
> individually.
>

Need Expertise on Custom Photo Gallery Template

Hello there - this question isn't really just Mac specific, but I don't see a forum that will post to ALL Photoshop users.
I'm in need of some help customizing a Photo Web Gallery in Photoshop. I've done one entirely without tables, using my own CSS to style it. My thumbnail page would be similar to the coding for the index page of the Lightbox styled gallery in this tutorial: www.photoshoplab.com/lightbox-web-photo-gallery.html
However, my problem is that even though my design doesn't use tables, when I'm in the automation dialogue in Photoshop, it still shows the table row and column parameters - greyed out - from the last time a table-based gallery template was used. And Photoshop is using this info to decide how many thumbnails to put on the gallery index page. It simply multiplies the row * column to limit the number of thumbnails on that first page. Very odd and not very nice looking, as it won't finish a row this way.
I notice the Lightbox styled gallery template does away with the table for the thumbnails as well. How, then can I gain control over showing "X" number of images per thumbnail page? Say I have a gallery of 40 images - how can I show 20, max, per page? Or 10? Or whatever needs to be specified to suit the number of images in that gallery?
Also, at runtime, Photoshop is stripping some small but important bits of code out of my customized templates. I've tried to put some HTML elements in to force the "previous next" text below the thumbnails, but it gets stripped out during the generation of the gallery.
The results can be seen here:
www.springfieldmo.gov/cityconnect/images/galleries/dating/index.html
Notice that the first thumbnails page shows 21 images. That's because the greyed out row, column info in the automate dialogue was 3 rows of 7 columns.
Is there any way to get to the actual code that Photoshop runs to generate the galleries? Seems like that's where it would be looking for the table info.
Any thoughts? I'd sure appreciate any info you can give or point me to someone who has done a pure CSS automated Photoshop gallery.
Sincerely,
Christopher Akins
Web Coordinator
City of Springfield, MO

Thanks Curt, In fact I think I have found the files under
user\Application Data\Adobe\Bridge CS5\Adobe Output Module\MediaGallery\
I got there as a result of your suggestion and although I didn't find /roaming/ I did find the following directories
/document1/
/preview/
/previewinbrowser1/
So I am guessing these contain the files I need to work with. Some of the files are json files which is a bit new to me but I think there is a fair bit of resource around about it.
Regards, Les

Problem Uploading Web Photo Gallery in DW

I'm a newbie at this, so please bare with me. I've been at this same problem for 3 days & I'm finally breaking down & asking for help. I want to be as helpful as possible here, so I'm just going to give as much info as I can, so I'm sorry in advance if some of it doesn't matter.
I created my web photo gallery through PS & am putting them into DW with the iFrame. My connection works just fine when I preview it, as I can jump from page to page, seeing all of my galleries. I'm been able to put my pages up, but the galleries do not come up. I keep getting the error 404 message up in all of my frames.
I have all of my galleries in one file, with each specific gallery in a sub-folder with all of the attachment files.
I've tried every combination I can think of when it comes to my local root folder and default images folder to see if I just had the wrong folder selected. I'm more so thinking it would have to be the DIF if it were anything like this, because the LRF has to be the main folder. I've tried to C&P the gallery file in several different folders, use it as my DIF, put it, & see if it works, & it doesn't. I tried to upload the galleries themselves through my web server (host monster) and also cyberduck.
I've read everything I could find, & I read that I needed to link up the index.html to the page I'm building. But I assumed I already did that, other wise I wouldn't be able to preview it right? If I still need to do this, where should I go into specifically to do this?
I also read I should link up the files from the navigation system in DW. Where would I go about doing this?
As you can see, I'm pretty lost.

http://www.rickyhavlik.com/galleries/grant%20park/index.htm
That page is not on the server - did you upload it? By the way, it's not a good idea to use spaces in your file/pathnames for the web.
The page is just not where you have told the browser to look for it here -
<iframe height="600" width="600" marginheight="250" marginwidth="250" src="galleries/grant park/index.htm"</iframe>

Problem in responive photo gallery

I have inserted the yoxview photo gallery from this website http://www.yoxigen.com/yoxview/.Here is the code.
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Photo Gallery</title>
<script type="text/javascript" src="yoxview/yoxview-init.js">
</script>
<script type="text/javascript" src="yoxview/yoxview-nojquery.js"></script>
<script type="text/javascript">
            $(document).ready(function(){
                $("#thumbnails").yoxview({
                 backgroundColor: 'Blue',
                 playDelay: 5000
</script>
<link href="yoxview/yoxview.css" rel="stylesheet" type="text/css">

<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="CSS/Layout.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="flexslider.css" type="text/css">
<link href="css/flexnav.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-color: #E9E9E9;
</style>
<style>
footer
    min-height: 80px;
    background: #000;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #C7E003;
</style>

<script src="jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider();
</script>



<script src="respond.min.js"></script>


</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="SJV-Images/Banners/LimeGreenheader-new-curved.png"/></div>
<div id="Nav">
<div class="menu-button">Navigation</div>
    <nav>
          <ul data-breakpoint="800" class="flexnav">
            <li><a href="">Home</a>
           
            </li>
            <li><a href="">Profiles</a>
              <ul>
                <li><a href="">Sub 1 Item 1</a></li>
                <li><a href="">Sub 1 Item 2</a>
                  <ul>
                    <li><a href="">Sub 2 Item 1</a></li>
                    <li><a href="">Sub 2 Item 2</a></li>
                    <li><a href="">Sub 2 Item 3</a></li>
                  </ul>
                </li>
                <li><a href="">Sub 1 Item 3</a>
                  <ul>
                    <li><a href="">Sub 2 Item 1</a></li>
                    <li><a href="">Sub 2 Item 2</a>
                      <ul>
                        <li><a href="">Sub 3 Item 1</a></li>
                        <li><a href="">Sub 3 Item 2</a></li>
                        <li><a href="">Sub 3 Item 3</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="">Photo Gallery</a>
             
            </li>
            <li><a href="">Alumni</a>
             
            </li>
            <li><a href="">Contact Us</a>
          
            </li>
          </ul>
        </nav>
</div> 
<div id="LayoutDiv2">

         
<div class="yoxview">
<h3>   Photo Gallery</h3>
<a href="yoxview/Images-Yoxview/Trial_Gallery1.jpg"> <img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb1.jpg"alt="First" width="100" height="97" title="First image" /></a>
    <a href="yoxview/Images-Yoxview/Trial_Gallery2.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb2.jpg"alt="Second" width="100" height="97" title="Second image" /></a>
     <a href="yoxview/Images-Yoxview/Trial_Gallery3.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb3.jpg" alt="Third" width="100" height="97" title="Third Image"/></a>
    
</div>


</div>

</div>
<footer></footer>
<script type="text/javascript" src="js/jquery.flexnav.min.js"></script>
<script type="text/javascript">$(".flexnav").flexNav({'animationSpeed': 150});</script>
</body>
</html>
The plug-in works.But i want to increase the height of the div with the class = yoxview.But i couldn't find the such class.Here is the css.
/* YoxView v2.0 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }
#yoxview_popupWrap
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
#yoxview
    position: absolute;
    font-family: Arial, Sans-Serif;
    z-index: 999;
    border: solid 1px #999;
    overflow: hidden;
    font-size: 10pt;
    text-align: left;
    max-height: 1000px;
#yoxview a img, #yoxview_infoPanel a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_mediaPanel
    position: absolute;
    background: #191919;
    width: 100%;
    height: 100%
#yoxview .yoxview_ctlBtn
    position: absolute;
    z-index: 3;
    display: block;
    text-decoration: none;
    outline: none;
    width: 50%;
    height: 100%;
#yoxview .yoxview_ctlBtn img
    position: absolute;
    border: none;
    top: 50%;
    margin-top: -22px;
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
    width: 59px;
    height: 59px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 4;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-image: url(images/sprites.png);
    background-repeat: no-repeat;
    display: none;
#yoxview #yoxview_ajaxLoader img
    padding: 13px;
#yoxview .yoxview_popupBarPanel
    position: absolute;
    z-index: 4;
    min-height: 70px;
    width: 100%;
    right: 0;
#yoxview #yoxview_menuPanel
    width: 145px;
    height: 42px;
    padding-top: 0px;
    padding-right: 9px;
    position: absolute;
    right: 0;
    background: url(images/sprites.png) no-repeat left -77px;
    background: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 0 0 0 15px;
    -webkit-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
    top: -42px;
#yoxview #yoxview_menuPanel a
    display: block;
    width: 45px;
    float: right;
    text-align: center;
    font-size: 0.8em;
    position: relative;
    margin-top: -5px;
    padding-bottom: 13px;
    text-decoration: none;
    font-family: Arial, Sans-Serif;
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px; }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview_infoPanel
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    color: White;
    z-index: 2;
    overflow: hidden;
#yoxview_infoPanel #yoxview_infoPanelBack
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
#yoxview_infoPanel #yoxview_infoPanelContent
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
#yoxview_infoPanel span#yoxview_count
    display: block;
    width: 55px;
    font-size: 0.8em;
    float: left;
    text-align: center;
    padding-top: 8px;
    color: #bbb;
#yoxview_infoPanel #yoxview_infoText
    margin: 0 55px;
    font-size: 12pt;
    padding: 5px 0;
#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
    margin-top: 1em;
    font-size: 10pt;
    padding-bottom: 0.5em;
    max-height: 200px;
    overflow: auto;
    padding-right: 10px;
#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
#yoxview_infoPanel a.yoxviewInfoLink
    display: none;
    opacity: 0.8;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
    display: none;
    width: 201px;
    height: 312px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -171px;
    margin-left: -111px;
    z-index: 5;
    color: White;
    padding: 20px;
    padding-top: 10px;
    cursor: pointer;
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
    display: block;
    text-align: center;
    color: White;
    font-family: Arial, Sans-Serif;
    font-size: 14pt;
    top: 41%;
    width: 100%;
    height: 20%;
    position: absolute;
    padding: 10px;
#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
#yoxview .yoxview_top{ top: 0; width: 50%; }
#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute; border: none; background: #333; }
.yoxview-thumbnails a
    float: left;
    margin: 4px;
    /* For thumbnails opacity: */
    opacity: 0.8;
    filter: alpha(opacity=80);
.yoxview-thumbnails a:hover
    /* For thumbnails opacity: */
    opacity: 1;
    filter: alpha(opacity=100);
.yoxview-thumbnails a img
    /* Set white borders around the thumbnails, instead of the browser's default Blue: */
    border: solid 1px #ffffff;
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}
Where i could increase the height of the div?Pls help me.

http://www.yoxigen.com/yoxview/usage.aspx#installation
Please visit this link.Here in the first step,they have said to add class=yoxview.I did the same.But i couldn't find it in CSS.I have added these links.
<script type="text/javascript" src="yoxview/yoxview-init.js">
</script>
<script type="text/javascript" src="yoxview/yoxview-nojquery.js"></script>
<script type="text/javascript">
            $(document).ready(function(){
                $("#thumbnails").yoxview({
                 backgroundColor: 'Blue',
                 playDelay: 5000
</script>
<link href="yoxview/yoxview.css" rel="stylesheet" type="text/css">
HTML Markup
<div class="yoxview">
<h3>  Photo Gallery</h3>
<a href="yoxview/Images-Yoxview/Trial_Gallery1.jpg"> <img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb1.jpg"alt="First" width="100" height="97" title="First image" /></a>
    <a href="yoxview/Images-Yoxview/Trial_Gallery2.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb2.jpg"alt="Second" width="100" height="97" title="Second image" /></a>
     <a href="yoxview/Images-Yoxview/Trial_Gallery3.jpg"><img src="yoxview/Images-Yoxview/Thumbnails/Trial_Gallery_thumb3.jpg" alt="Third" width="100" height="97" title="Third Image"/></a>
Please help.

Photo gallery index

Similar Messages

Maybe you are looking for