Photo Gallery: 2 positioning problems

hey, first i'd like to say, great photo gallery, it's exactly
what i needed for my site :)
now, as for the problems i'm having..
i need to place the gallery into part of a table, but i am
have 2 issues with this.
1. the main images resize the table automatically, depending
on the size of the image. however, it only changes the height of
the table. it does not alter the width of it.
--i do not want this to happen, i would like the table to
stay one fixed size.
2. the thumbnails, regardless of what position i move them
to, when moused over they move back to the original top left corner
position.
--again, i would like them to remain fixed at wherever i
place them at.
i've looked through the css code and am having a bit of
trouble trying to figure out just what to edit to make this doable.
though, i'm not even sure if it's something that's part of the css
code or if it's another part of the site that needs altered
instead.
any suggestions?

problem resolved.. was a rather easy fix.. not sure how i
screwed it up the first time though..but either way, it works
fine.

Similar Messages

Photo Gallery Demo Problem

I'm trying to understand the Photo Gallery demo so I can
replicate the function for use on various sites. I've copied the
html, xml, javascript and some of the photo file elements to my
hard drive. I initially modified the file structures to something
more of my liking, but had some problems with the links. I've since
mimicked the structures so I can reduce the initial errors, but I
am stumped at the var dsGallery and var dsPhotos statements that
dynamically link to the China, Paris and Egypt photo databases. In
the original dynamic definition, DreamWeaver only parses the
dsGalleries XML definition, not defining the dsGallery and dsPhoto
nodes. I wasn't too concerned about that given the variable nature,
but nothing except the pull-down menu and controls displayed in the
browser. DreamWeaver shows correct parsing of the dsGalleries XML,
dsGallery and dsPhoto nodes only when I eliminate the dynamic
linking and set it to one of the static links (Egypt). This fails
in the browser to link to the data, giving a display that shows the
correct number of empty thumbnail frames but without the displayed
photos, no Spry effects, and no large photo display. I'm sure I
have multiple reference errors, but I don't see them. Any ideas?
Initial Photo Demo page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>Gallery</title>
<link rel="stylesheet" type="text/css"
href="../css/screen.css">
<script type="text/javascript"
src="../SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="../SpryAssets/SpryData.js"></script>
<script type="text/javascript"
src="../SpryAssets/SpryEffects.js"></script>
<script type="text/javascript">
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/galleries.xml",
"galleries/gallery");
var dsGallery = new
Spry.Data.XMLDataSet("galleries/{dsGalleries::@base}{dsGalleries::@file}",
"gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("galleries/{dsGalleries::@base}{dsGalleries::@file}",
"gallery/photos/photo");
</script>
<script src="../SpryAssets/gallery.js"
type="text/javascript"></script>
</head>
<body id="gallery">
<noscript><h1>This page requires JavaScript.
Please enable JavaScript in your browser and reload this
page.</h1></noscript>
<div id="wrap">
<h1 id="albumName"
spry:region="dsGallery">{sitename}</h1>
<div id="previews">
<div id="galleries" spry:region="dsGalleries">
<label for="gallerySelect">View:</label>
<select spry:repeatchildren="dsGalleries"
id="gallerySelect"
onchange="dsGalleries.setCurrentRowNumber(this.selectedIndex);">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
selected="selected">{sitename}</option>
<option spry:if="{ds_RowNumber} !=
{ds_CurrentRowNumber}">{sitename}</option>
</select>
</div>
<div id="controls">
<ul id="transport">
<li><a href="#" onclick="StopSlideShow();
AdvanceToNextImage(true);"
title="Previous">Previous</a></li>
<li class="pausebtn"><a href="#" onclick="if
(gSlideShowOn) StopSlideShow(); else StartSlideShow();"
title="Play/Pause" id="playLabel">Play</a></li>
<li><a href="#" onclick="StopSlideShow();
AdvanceToNextImage();" title="Next">Next</a></li>
</ul>
</div>
<div id="thumbnails" spry:region="dsPhotos dsGalleries
dsGallery">
<div spry:repeat="dsPhotos"
onclick="HandleThumbnailClick('{ds_RowID}');"
onmouseover="GrowThumbnail(this.getElementsByTagName('img')[0],
'{@thumbwidth}', '{@thumbheight}');"
onmouseout="ShrinkThumbnail(this.getElementsByTagName('img')[0]);">
<img id="tn{ds_RowID}" alt="thumbnail for {@thumbpath}"
src="galleries/{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}"
width="24" height="24" style="left: 0px; right: 0px;" />
</div>
<p class="ClearAll"></p>
</div>
</div>
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height:
0px;"><img id="mainImage" alt="main image" /></div>
</div>
<p class="clear"></p>
</div>
</body>
</html>
Fixed reference version:
<head>
var dsGalleries = new
Spry.Data.XMLDataSet("Graphics/galleries/galleries.xml",
"galleries/gallery");
var dsGallery = new
Spry.Data.XMLDataSet("Graphics/galleries/egypt/Egyptphotos.xml",
"gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("Graphics/galleries/egypt/Egyptphotos.xml",
"gallery/photos/photo");
</script>
Supporting files galleries.xml and Egyptphotos.xml
<?xml version="1.0" encoding="UTF-8"?>
<galleries>
<gallery base="Graphics/galleries/egypt/"
file="Egyptphotos.xml">
<sitename>Egypt</sitename>
<photographer>Don Booth</photographer>
<contactinfo>
http://www.adobe.com</contactinfo>
<email>[email protected]</email>
<security><![CDATA[]]> </security>
</gallery>
... duplicate China and Paris declarations
</gallery>
</galleries>
<?xml version="1.0" encoding="UTF-8"?>
<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
date = "1/10/2006">
<sitename>Egypt Gallery</sitename>
<photographer>Don Booth</photographer>
<contactinfo>
http://www.adobe.com</contactinfo>
<email>[email protected]</email>
<security><![CDATA[]]> </security>
<banner font = "Arial" fontsize = "3" color =
"#F0F0F0"> </banner>
<thumbnail base
="../../gallery/galleries/egypt/thumbnails/" font = "Arial"
fontsize = "4" color = "#F0F0F0" border = "0" rows = "3" col =
"5"> </thumbnail>
<large base ="../../gallery/galleries/egypt/images/" font
= "Arial" fontsize = "3" color = "#F0F0F0" border = "0">
</large>
<photos id = "images">
<photo
path = "egypt_01.jpg"
width = "350"
height = "262"
thumbpath = "egypt_01.jpg"
thumbwidth = "75"
thumbheight = "56">
</photo>
</photos>
</gallery>

Please delete this posting. I've found the full original
information in the v1.6 pre-release information and will compare to
that baseline.

Photo gallery navigation problem

i have a photo gallery up on page http://paradisembc-dallas.org/gallery.html that is giving me the blues as far as navigation. i can't go back to images i've already viewed. any assistance would be greatly appreciated.

what code are you using that's failing? copy and paste only the relevant code, not all the code used in your app.

Expose Photo Gallery: Uploading Problems Using Mac

Hello All,
First post, sorry to say it's about a problem I'm having. I have a Joomla based website and I'm using the Expose Flash Gallery as an image gallery solution on my photography site: http://www.wakinglifephoto.com/
The plugin works great on the front end, my problem only occurs when managing albums on the backend, which is also based on Adobe's Flash Player.
Whenever I try to upload a photo on my Mac, the process stalls and never completes. If I'm using a Windows PC, everything uploads fine. I've talked with the people who make this gallery plugin and they say it has to do with a bug that is only found in the Mac version of Flash Player.
Is there any type of solution available for this problem, or do I have to wait and hope that it gets fixed in Flash 10.1?
TIA.

The Fascinate has SD card capability, so I would save all my photos to a micro SD card, and then use a reader to transfer them to your computer.

Zooming image from mouse position(like in windows vista photo gallery)

hello all;
here's my situation, hope someone can help..
i wanna Zoom an image, which zoom from my mouse position
like in windows photo gallery in windows vista
so i do this..
g2.translate(iMoux,iMouy);
        g2.scale(zoom, zoom);
        g2.translate(-iMoux,-iMouy);
        g.drawImage(icon.getImage(), iSposx, iSposx, d.width/2-iValue, d.height-iBawah, null);
        g.drawImage(icon2.getImage(), d.width/2, iSposy, d.width/2-iValue, d.height-iBawah, null);the problem come when i move my mouse to the different location (like from top right to bottom left)
the zoom image displayed in the screen like jump from latest location to new location
anybody can help me...a clue how to do that?
thx appreciate your help guys
mao
Edited by: KingMao on 31 Mei 08 14:27

Hi Frank.
Thanks for the response.
Agreed, the pertinent question is why can't my colleague edit the JPG exported by Aperture. It's probably also worth pointing out, the same problem occurs with JPGs exported from iPhoto.
The Windows software usually plays nicely with JPGs by all acounts, just not the ones I send - which I do via eMail or my public space on Mobile Me incidently.
So, another key question is: all settings being equal (color profile, quality, etc.) are the JPGs as produced by iPhoto and Aperture indistinguishable from those produced by other apps on other platforms - i.e. does the use of JPG enforce a common standard?
If that is the case, I suspect ours might be a permissions issue.
According to the Microsoft support page on editing in Windows Live Photo Gallery, the inability to edit a picture is commonly caused by unsupported file type, or read-only attribute set on the file.
Unfortunately, he and I are not in the same place, and he's not particularly au-fait with this type of problem solving. Hence, before involving him, I'd like to know:
1. it's possible (i.e. someone else does it), and,
2. what's involved (at my end and/or his).
Thanks again,
PB

Photo gallery problems in Vista IE

Hi there,
I've made Spry Photo Gallery which works fine on Mac(Safari, Opera, Firefox) on Windows 2000 pro IE but don't work on Vista IE.
I can not find a problem. Can anyone help!

It is an HP dv6040ca that has vista 64-bit on it. It has a NVIDIA sata driver, that I have tried to up date today.
Drat. HP has been offering a Microsoft Standard Dual Channel PCI IDE Controller Update/Rollback that has been helping with this sort of thing on desktop models (32-bit), but they aren't offering it on notebooks.
Are you up to date on that BIOS update they are offering? (They don't say what it does, but it might be worth a crack.)
Software & Driver downloads: HP Pavilion dv6040ca Notebook PC (Vista 64-bit)

I am facing a strange problem on new iphone 5 that I bought last week. The maps app and the places in photo gallery shows the pin and my location, however there is no information of locations. Tried to close the apps, phone restart, reset etc. Please help

I am facing a strange problem on new iphone 5 that I bought last week. The maps app and the places in photo gallery shows the pin and my location, however there is no information of locations. Tried to close the apps, phone restart, reset etc. I am accessing it via strong wireless connection and it works fine on other devices. Please help.

zapgrap wrote:
there is no information of locations.
Then no information exists. Use the Report a Problem button within the app to report it.

Problem loading images in adobe bridge html photo gallery

Can someone please, please help me!? I can not figure out why the images will not load in my adobe bridge html photo gallery cs5. I am not getting any error messages in Firefox and just the x in internet explorer.
Here is the link to the gallery page on the site: http://www.irishwetlands.ie/Gallery.html
I created the gallery as a html file for compatibality reasons due to accesbility issues with flash, and followed the general insturctions. The gallery folder is called wetlandsgallery and it is loading everything style-wise except the images themselves.
I then made the gallery within an iframe so it would be more similar to the other pages on the site and contain the menu bar - but no change on the lack of images!
Having looked around online I think it might be something to do with the bin folder?? Does this have some secutity somewhere thats protecting the images? I am also unsure if I filled in the FTP info correctly when creating the site as I was getting the message "could not connect to FTP server" so I had to copy over the file from my hard drive to the server provider files. All the tutortials say to load your gallery and no mention of what to do when it won't connect to FTP server.
If you could also tell me how to edit the image sizes that would be a great help too, as any size changes I make to either the bin/large or bin/thumnail images makes no difference in what appears in the preview?
Help would be very greatfully appreciated as I am pulling my hair out trying to figure it out with no sucess and a possible bald patch!
Thanks in advance,
Áine

Hello Áine,
1. Is it really necessary to comment out this part in your source code?

Using your source code without these things I could see some of your images.
2. Looking to your website with my IE8 into image 7 (e.g.) I saw this:
what means there is a reference to a html file, not to an image. ???
3. Here it becomes interesting (completely contrary to my point 2.), looking for your path:
http://www.irishwetlands.ie/images/GalleryImages/Gallery1_Selection%20of%20IRWC%20members% 20at%20the%20Gearagh.jpg
I can see this image in my IE8 (some people in front of a "wetland". But still I've to assume (as Murray already did too), that there is something wrong with your upload and the pathes.
4. Allow me to make one brief point, we talked about here on several occasions: please don't use spaces in image, folders or filenames. I'll quote Murray: In general, URL encoding spaces does not lead to problems. ... Whatever the details are, though, using spaces in filenames or paths is a bad practice which WILL lead to problems.
5. What concerns the image sizes, maybe later (I didn't understand your question correctly I fear). There is still my language barrier, I'm sorry.
Hans-Günter

Now that the photo gallery in MobileMe is ending, is there another photo sharing site to which existing iPhoto albums can be transferred as is, with photos in the same order and with titles, and with minimal problems?

Now that the photo gallery in MobileMe is ending, is there another photo sharing site to which existing iPhoto albums can be transferred as is, with photos in the same order and with titles, and with minimal problems?

No. If you don't have the album you originally used to create the galleries you can do so by dragging the photos from each gallery to a new, empty album. Then when you find the photo sharing site/option you have decided on you can easily upload each album to the site.
Another option is to obtain a hosting service and create iWeb photo pages for each album and future albums similar to this photo page in one of my demo sites: iPhoto Book as an iWeb Slideshow. Or you can use the iWeb album page and have an album for each iPhoto album on it like on this demo page: Page-7 .
OT

Photo Gallery start up problem

I have a glitch and it's probably me … but here's what
I know.
About Don Booth's Photo Gallery:
It's great. Everything is good - integrated with my CSS -
looks nice.
When the page loads all is well except the first image in the
Gallery does not display in <div id="mainImageOutline"... (and
the first thumbnail is not highlighted). While I'm building and
testing this is OK. Just click a thumbnail and everything works
well.
In the demo, the Gallery is operational by default and starts
up with the first thumbnail and Spry:detail produces the
corresponding image (automatically). That's what I want.
About my code:
Except for a couple of "page layout" divs that I have,
consistent with my own site-wide style sheet conventions, such as
<div id="wrapper"> and <div id="maincontent"> I have:
1. Copied Don Booth's xhtml code directly from the
Spry_1_1_022408 download sample.
2. Copied Don Booth's css code directly from the same
download sample.
3. Copied Don Booth's gallery.js directly (without change as
far as I know).
The only significant change (apart from CSS and xhtml
structure) in my work is - I added an additional Spry:detail div to
present additional datapoints from xml. This is not relevant to my
question because the issue that concerns me is consistent if I
remove this second detail div. The start-up problem remains.
The URL for the gallery page in question is:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/gallery.htm
I imagine the problem is in gallery.js. You should know that
javascript is a bit like dungeons and dragons to me.
I have an error report:
Error: dsPhotos is not defined
Source File:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/includes/gallery.js
Line: 55
So, when I see:
var gAutoStartSlideShow;
if (gAutoStartSlideShow == undefined)
gAutoStartSlideShow = true;
I imagine I'm looking at something useful but I don't know
what to do with it, or if it is the right code to focus on. I
respect the relationship with level 4 support engineers, but after
trying to solve my own issue for a few weeks I decided it was time
to submit my question. How do I get Photo Gallery to start up like
the demo?
Additional information:
There is also a series of error reports that show when the
Gallery is playing (for example):
Warning: Expected end of value for property but found
'-0.0775'. Error in parsing value for property 'opacity'.
Declaration dropped.
Source File:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/gallery.htm
Line: 0
I don't think it is related, but that's what I know.
I tried to copy my xhtml (below) but it caused this message
to exceed allowed size. But I don't see that xhtml is the problem.
You can see the source at the URL (above).

Hi Latauro,
Sounds like you need to turn your Slideshow into a Track, and then set the Track to display as 16:9 Letterbox; but first, you'll also need to encode your slides as wide Mpeg 2 clips (encode set to 16:9), too; to whatever duration you have them set in the Slideshow, currently (if they're not already wide encoded clips).
It would be good to stick some same duration audible or silent same format and bit rate audio underneath each of the new movie slides, to present players a nicely packed VOB.
Take care,
Trai Forrester
TFDVD Research Labs
http://www.DVDVerification.com
PS. If this helps you, would you please remember to declare the thread as "Solved". Although probably hopeless, someone should make a run to try and catch up with good Drew!! (see what happens Hal, when you take some time off?!

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 with mutiple photo gallery...

Hello,
I'm new to As3.0 (i'm a designer...) but I need to create a photo gallery, So I found a Tutorial On lynda.com.
I'm using a code that works perfectly, and modified it (copy and paste it) to have 2 SAME photo gallery (using different images) displayed on the page.
So I'm using a 2 thumbnails (one for each Gallery) and by scrolling on the X axis of each thumbnail you can see the differnet images availaible in the gallery. By clicking it displays the full size image in a container.
So far so good.
The problem is that when going form one gallery to another, the first viewed gallery doesnt allow the other gallery main size image to display simply because it is underneath it... Like if it was a layer under another top layer...
I would like to know if there is a way to make each gallery unload their full size image when clicking on the other gallery.
SORRY IF THIS IS A BIT UNCLEAR BUT CAN EXPLAIN IF YOU ASK...
HERE IS THE CODE
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var container:MovieClip = new MovieClip();
var imageLoader:Loader;
var fullLoader:Loader = new Loader();
var frontIndex:int = 0;;
var containerMask:MovieClip = new MovieClip();
var segment:Number;
container.x = 115;
container.y = -185;
fullLoader.x = 275;
fullLoader.y = -185;
container.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb);
container.addEventListener(MouseEvent.CLICK, showPic);
xmlLoader.load(new URLRequest("data/images.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function mcunload1(event:MouseEvent):void
fullLoader2.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
function xmlLoaded(event:Event):void
xml = XML(event.target.data);
xmlList = xml.children();
for(var i:int = 0; i < xmlList.length(); i++)
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
container.addChild(imageLoader);
function changeThumb(event:MouseEvent):void
segment = container.width / container.numChildren;
frontIndex = Math.floor(container.mouseX / segment);
if(frontIndex <= container.numChildren - 1)
for(var j:int = 0; j < container.numChildren; j++)
container.getChildAt(j).visible = false;
container.getChildAt(frontIndex).visible = true;
function showPic(event:MouseEvent):void
fullLoader.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
addChild(fullLoader);
container.filters = [new DropShadowFilter()];
addChild(container);
//SECOND IMAGE GALLERY
//SECOND IMAGE GALLERY
var xml2:XML;
var xmlList2:XMLList;
var xmlLoader2:URLLoader = new URLLoader();
var container2:MovieClip = new MovieClip();
var imageLoader2:Loader;
var fullLoader2:Loader = new Loader();
var frontIndex2:int = 0;;
var containerMask2:MovieClip = new MovieClip();
var segment2:Number;
container2.x = 115;
container2.y = -80;
fullLoader2.x = 275;
fullLoader2.y = -185;
container2.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb2);
container2.addEventListener(MouseEvent.CLICK, showPic2);
xmlLoader2.load(new URLRequest("data/images2.xml"));
xmlLoader2.addEventListener(Event.COMPLETE, xmlLoaded2);
function mcunload(event:MouseEvent):void
fullLoader.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
function xmlLoaded2(event:Event):void
xml2 = XML(event.target.data);
xmlList2 = xml2.children();
for(var i:int = 0; i < xmlList2.length(); i++)
imageLoader2 = new Loader();
imageLoader2.load(new URLRequest(xmlList2[i].attribute("thumb")));
container2.addChild(imageLoader2);
function changeThumb2(event:MouseEvent):void
segment = container2.width / container2.numChildren;
frontIndex2 = Math.floor(container2.mouseX / segment);
if(frontIndex2 <= container2.numChildren - 1)
for(var j:int = 0; j < container2.numChildren; j++)
container2.getChildAt(j).visible = false;
container2.getChildAt(frontIndex2).visible = true;
function showPic2(event:MouseEvent):void
fullLoader2.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
addChild(fullLoader2);
container2.filters = [new DropShadowFilter()];
addChild(container2);

This is just a quick guess. Whenever you call... fullLoader.unload(); also call fullLoader2.unload(); and vice versa.

Problem exporting web photo gallery in Adobe Lightroom

Can not export a web photo gallery using SlideShowPro 1.9.8.5 in Adobe Lightroom 1.4. In the Web Tab I click on Export which brings up the Save Web Gallery window, I select location, give a file name and click save, but nothing is created. Have noted that in the Save As Type box the only option is Supported Files, is this OK? If so, what could the problem be?

Can't answer the question without looking at the code. Being you have DW, I would parse the code there and you will get more help in the Dreamweaver forum.

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.

Help! problem displaying Web Photo Gallery in IE and Windows browser

Hi all,
Sorry if this issue is old news but, i have tried to find the answer in the archives first, with no luck.
It's about this;
I am working with Mac OSX 10.4.11 and Photoshop CS2.
Recently i haveust published Web Photo Gallery on my website.
It looks good in Safari and Firefox. But when viewed in Internet Explorer it's totally different layout. Thumbnails are shifted to the middle of the frame, and it is not a pretty sight.
Can't find the way to fix it...
here is the link
http://www.exornocreations.com/html/gallery/pendants/PENDANTSindex.html
If someone here has a clue how to go about it and wants to share a good tip i would be eternally grateful.
Many thanks,
Karmela

>There are more browsers than just IE that will have trouble with this page.
Which ones?
I am currently building a site for a client and I have a page which should play a Movie inside an iFrame.
My HTML includes heights and widths and is as follows (angled brackets have been removed for display purposes in the Forum):
"iframe id="movie_play_iFrame" name="movie_play_iFrame" src="../movie/Movie-screen.gif" frameborder="0" scrolling="no" align="middle" height="269" width="398" /iframe"
This works perfectly in the latest available version of Safari, Firefox, Netscape, AOL, and Opera.
The only one that it does NOT work in is IE.
In IE, the movie plays all right but it does so in a new window and not in the required position on the page (which is inside the iFrame).

Photo Gallery: 2 positioning problems

Similar Messages

Maybe you are looking for