Change font stlye in bridge image gallery

can anyone tell me how I can make the headings in the bridge image gallery italic text

I haven't used the Bridge galley, but my first guess would be dig into the gallery's CSS. It's either in a CSS doc or in the head of the gallery pages, but it's sure to be in CSS somewhere. This would be for colors and font anyway,,, I don't know if Bridge formats wilt CSS or tables, you just have to open the documents in Dreamweaver to see.
Lawrence Cramer - *Adobe Community Professional*
http://www.Cartweaver.com
Shopping Cart for Adobe Dreamweaver
available in PHP, ColdFusion, and ASP
Stay updated - http://blog.cartweaver.com

Similar Messages

Change background in Adobe Bridge Web Gallery

Hi,
I am trying to use a web gallery created with adobe bridge in my webpage. I have inserted gallery in an <iframe>. The gallery shows up just fine. I would like to have the background of the webpage show up rather than the background of the web gallery. How can I do this? Also, I would like to change the appearance of the captions under the pictures. Also the gallery shifts left in interbet explorer. Can this be fixed?
Here is the code in my web 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cliff's Home Page</title>

<style type="text/css">

</style>

<link href="cliff.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<style type="text/css">
#Webgallery {
height: 750px;
width: 1000px;
text-align: center;
background-image:url(back1.gif)
</style>

</head>
<body>
<div class="container">
<div class="header"><img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
</div>
<div class="sidebar1"> <img src="Pictures/back1.jpg" width="72" height="72" />
      <p style="font-size:larger; font-family:'Comic Sans MS', cursive"> Cliff is an all breed AKC Registered Professional Dog Handler</p>
      <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
      <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>

</div>
<div class="content">
<div > <ul id="MenuBar1" class="MenuBarHorizontal">
     <li><a href="cliffsteele.html">Home</a>      </li>
     <li><a href="#" class="MenuBarItemSubmenu">Resort</a>
       <ul>
         <li><a href="facilities.html">Our Facility</a></li>
         <li><a href="Kennel.html">Boarding & Daycare</a></li>
         <li><a href="spa.html">Grooming</a></li>
         <li><a href="#">Rates</a></li>
</ul>
     </li>
     <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
       <ul>
         <li><a href="#">Info</a></li>
         <li><a href="#">Rates</a></li>
         <li><a href="calendar.html">Schedule</a></li>
</ul>
     </li>
     <li><a href="#">Photo Gallery</a></li>
     <li><a href="#">About Me</a></li>
     <li><a href="Contact.html">Contact Me</a></li>
   </ul></div>
<br />

<h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif; padding-top:20px;">Clifford W. Steele</h1>

<div >
<div id="Webgallery"><iframe src="Adobe Web Gallery/index.html" width="1000" height="750" frameborder="0" name="gallery"></iframe></div>
</div>
    </div>
<div class="footer">
      <div style="float:right">
        <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
       </p>
    </div>
    <div class="clearfloatleft">
        <p>Clifford W. Steele Professional Handler <br />
          1395 Rt. 6<br />
          Carmel, NY 10512-1627<br />
          United States<br />
          ph:(845) 225-2463<br />
          Cell:(845) 661-0010<br />
        <a href="MAILTO:[email protected]" >[email protected]</a></p>
    </div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>

=====================================================================
Here is the gallery code:
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="KEYWORDS" content="photography,software,photos,digital darkroom,gallery,image,photographer" />
<meta name="generator" content="Adobe Lightroom" />
<title>Adobe Web Gallery</title>
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/139026903252918767_custom.css" />
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="resources/css/master.css" />
<script type="text/javascript">
   window.AgMode = "publish";
      cellRolloverColor="#a1a1a1";
      cellColor="#949494";
      </script>
<script type="text/javascript" src="resources/js/liveUpdate.js">

</script>
<script type="text/javascript" src="resources/js/cutName.js">

</script>



</head>
<body>
<div id="wrapper">
<div id="sitetitle">
<h1 onClick="clickTarget( this, 'siteTitle.text' );" id="liveUpdateSiteTitle">Adobe Web Gallery</h1>
</div>
<div id="collectionHeader">
<h1 onClick="clickTarget( this, 'groupTitle.text' );" id="liveUpdateCollectionTitle">My Photographs</h1>
<p onClick="clickTarget( this, 'groupDescription.text' );" id="liveUpdateCollectionDescription">Web Photo Gallery created by Adobe Bridge</p>
</div>
<div id="stage">
<div id="index">
<div id="tempDiv" xmlns="">Floyd & Merve
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7522730020_large.html'">
<div class="itemNumber">1</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID0_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7522730020_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7522730020.jpg" id="ID0_1390269032529_thumb" alt="Floyd & Merve" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Honey & Coco
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_5915412028_large.html'">
<div class="itemNumber">2</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID1_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_5915412028_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_5915412028.jpg" id="ID1_1390269032529_thumb" alt="Honey & Coco" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Hope
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_2409862627_large.html'">
<div class="itemNumber">3</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID2_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_2409862627_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_2409862627.jpg" id="ID2_1390269032529_thumb" alt="Hope" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Jackson
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight " onClick="window.location.href='content/_0603615958_large.html'">
<div class="itemNumber">4</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID3_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0603615958_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0603615958.jpg" id="ID3_1390269032529_thumb" alt="Jackson" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">

</div>
<div id="tempDiv" xmlns="">Larry
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_6717880965_large.html'">
<div class="itemNumber">5</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID4_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_6717880965_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_6717880965.jpg" id="ID4_1390269032529_thumb" alt="Larry" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Maggie & Fiona
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7881538797_large.html'">
<div class="itemNumber">6</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID5_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7881538797_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7881538797.jpg" id="ID5_1390269032545_thumb" alt="Maggie & Fiona" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Mocho
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0937208439_large.html'">
<div class="itemNumber">7</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID6_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0937208439_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0937208439.jpg" id="ID6_1390269032545_thumb" alt="Mocho" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Riley
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight " onClick="window.location.href='content/_9205901081_large.html'">
<div class="itemNumber">8</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID7_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_9205901081_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_9205901081.jpg" id="ID7_1390269032545_thumb" alt="Riley" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">

</div>
<div id="tempDiv" xmlns="">Rio
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_4843308047_large.html'">
<div class="itemNumber">9</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID8_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_4843308047_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_4843308047.jpg" id="ID8_1390269032545_thumb" alt="Rio" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Scout & Whisky
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7104248265_large.html'">
<div class="itemNumber">10</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID9_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7104248265_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7104248265.jpg" id="ID9_1390269032545_thumb" alt="Scout & Whisky" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Shadow
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0430682464_large.html'">
<div class="itemNumber">11</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID10_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0430682464_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0430682464.jpg" id="ID10_1390269032545_thumb" alt="Shadow" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Sissy
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight " onClick="window.location.href='content/_8169451030_large.html'">
<div class="itemNumber">12</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID11_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_8169451030_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_8169451030.jpg" id="ID11_1390269032545_thumb" alt="Sissy" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">

</div>
<div id="tempDiv" xmlns="">Tyke
</div>
<script type="text/javascript">
var nameDiv = document.getElementById("tempDiv");
var thumbnailName = getName(nameDiv.innerHTML);
try {
   nameDiv.parentNode.removeChild(nameDiv);
} catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderBottom " onClick="window.location.href='content/_3042148269_large.html'">
<div class="itemNumber">13</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID12_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_3042148269_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_3042148269.jpg" id="ID12_1390269032545_thumb" alt="Tyke" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="emptyThumbnail borderTopLeft borderBottom"> </div>
<div class="emptyThumbnail borderTopLeft borderBottom"> </div>
<div class="emptyThumbnail borderTopLeft borderRight borderBottom"> </div>
<div class="clear">

</div>
</div>
</div>
<div class="clear">

</div>
<div id="contact">
<a href="mailto:[email protected]">
<span onClick="clickTarget( this, 'contactInfo.text' );" id="liveUpdateContactInfo">Contact name</span></a>
</div>
<div class="clear">

</div>
</div>
</body>
</html>

Try opening in Chrome or Firefox and inspecting the elements. You can turn easily locate the CSS that's driving the background and experiment with settings. You get there by right clicking on an element and select Inspect Element from the options. It's much easier than trying to go through all of that HTML code without a style sheet to go along with it.

Align title in bridge web gallery, change font of image names.

I have a web gallery that was created in Adobe Bridge (slide show template). I have most of the customization done that I want.... except for 2 issues:
1. I would like the gallery title to be right aligned rather than the default left. I have, in the past accomplished this... but for the life of me, I can't figure out how I did it now! Any help would be appreciated.
2. I have given the images names.... how do I change the font color of these image names that appear?
Thanks! Any help is appreciated.

I haven't used the Bridge galley, but my first guess would be dig into the gallery's CSS. It's either in a CSS doc or in the head of the gallery pages, but it's sure to be in CSS somewhere. This would be for colors and font anyway,,, I don't know if Bridge formats wilt CSS or tables, you just have to open the documents in Dreamweaver to see.
Lawrence Cramer - *Adobe Community Professional*
http://www.Cartweaver.com
Shopping Cart for Adobe Dreamweaver
available in PHP, ColdFusion, and ASP
Stay updated - http://blog.cartweaver.com

How do I change the background to an Image in the web gallery wizard?

Im using a flash gallery but I can only change the background colour I can't workout how to change the background to an image. Can it be done?
Thanks
Jamie

Not directly this time, I believe, but by a post web gallery generation hack to the generated files.
Don
Don Ricklin, MacBook 2Ghz Duo 2 Core running 10.4.10 & Win XP, Pentax *ist D
See LR Links list at my
Blog for related sites.

Embed Adobe Bridge CS5.5 web image gallery into Dreamweaver site

Please help! I have been reading forums and trying to find the answers to my problem for days! I have created an image gallery in adobe bridge cs5.5 and have used an iframe to embed the gallery into my dreamweaver site. When I preview my site the gallery works, but after I've uploaded the gallery to the server the gallery no longer works. I have read multiple adobe forums with no success. Please help! Thanks!

I'm not sure I completely understand your problem, because linking to a Lightroom gallery is actually very simple.
Design your Lightroom gallery and upload it to your server. Just do it directly from LR. Let's suppose you have uploaded it into [your webroot folder]/galleries/test/.
Don't rename any of the index files.
Check it has actually worked, by visiting http://celestialapple.zxq.net/galleries/test/index.html with your browser.
Create a link to the gallery on your home page. The source code for the link is <a href="/galleries/test/index.html">Other Photoshop gallery</a>
And that's it already.
Cheers,
Michael

Image Gallery Created in Bridge & Dreamweaver CS4

Hello! I created an image gallery using Bridge and embedded the gallery html into a page on my website. The gallery, however, is not showing up live. Everything works fine locally.
Might anyone be willing to help me with my page?
I have my gallery embedded in this page:
http://www.stompandcrush.com/quisomnian.html
This is the gallery index html:
http://www.stompandcrush.com/graffitigallery_newyork_netaacc.html
Any help would be greatly appreciated!

Hi Guys, This turned out to be a Unix server-side issue. Apparently the compression software being used by the ISP on this server was in some way incompatible. The ISP turned the compression off and the problem was cured.
Cheers, Daviddhg

Can I embed moving images to Bridge web gallery

Hi,
I think Bridge's Web Gallery feature is great, but I would like to put in some of my videos too. Is there any way I could embed my video materia in it? (I can convert them virtually to any format from swf, flv to mov)
Or is there a workaround this? What files do I need to change (in Flash?) in order to embed the video to the gallery? I have the whole Master Collection so all the CS 5.5 programmes are available for me.
Many thanks for your time!
Miiagod

You cannot change that.
BTW, the MobileMe gallery is not part of iWeb. For more on this subject the [MobileMe Gallery forum|http://discussions.apple.com/forum.jspa?forumID=1199] might be a better place.

Help with CSS image Gallery

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

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

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 You Change Text Attributes in a PHP Gallery?

Hi everybody, I am trying to change the text attributes on this PHP gallery and it's driving me up the wall! Does anybody know who to do it?
http://www.gwilliams-designs.co.uk/AdobeSupport/gallery_test4.php
I am trying to create the following styles. Many thanks for your help.
Top Text
Georgia, Times New Roman, Times, serif,
size 18
bold
Lower Text
Georgia, Times New Roman, Times, serif,
size 13
regular

There is only one page. So is that anywhere after it says <style> and before it says </style> ? Doesn't it matter where it goes in relation to the { and } symbols? e.g would this to OK? This is what I will try first.
<style>
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
h1{
    font-family: Georgia, "Times New Roman",Times, Serif;
    font-size: 18px;
    font-weight: bold;
h2 {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 13px;
    font-weight: normal;
body {
margin: 0;
padding: 0;
background: #08035F;
color: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-siz: 100%;
background-color: #003;
#wrapper {
    width: 1000px; /**adjust width in px or %**/
    margin: 0 auto; /**with width, this is centered**/
header {
    background: #355DA0;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
#inner_wrapper {
    background: #CCC7B3;
    overflow: hidden; /**float containment**/
aside {
    float: left;
    width: 14%;
section {
    background: #FFF;
    width: 72%;
    float: left;
    margin: 0 auto;
/**Begin image gallery styles**/
.thumbs { /*divs that hold gallery pictures*/
    float: left;
    margin: 0.5%; /*space between thumbnails*/
    border: 1px dotted #CCC;
    /**same size images**/
    width: 90px;
    height: 99px;
    opacity: .70
.thumbs a { /* in every .thumbs div there is a hyperlink exactly the size of the container */
    width: 90px;
    height: 99px;
    text-indent: -99999px; /*move text links off screen*/
    display: block;
    outline: none;
/**on mouse over**/
.thumbs:hover { opacity: 1.0 }
/**end gallery styles**/
footer {
    clear: both;
    background: #222;
    width: 100%;
    color: #FFF;
    margin: 0 auto
</style>

Flash Image Gallery load problem

This a familiar problem that has been put up here a thousand
times I'm sure but as yet I haven't been able to find a solution
for it. I've put together a simple image gallery using Flash and an
XML file. It works perfectly on my system but there are issues with
the images loading properly when I put them onto my site. I know
very little Flash, I've been using a pre-made gallery that I
downloaded but since it works on my computer I assume I should be
able to get it to work online too. The thumbnails for the file seem
to work fine and the information from the XML file is obviously
being accessed, however the main images are not loading. I've
included all the code below (Actionscript, XML and the Web coding),
if someone could help me before I put my fist through a wall that
would be great:
Actionscript
stop();
//specify the url where folder is located below (if
applicable)
toadd="";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
//TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"/flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
//mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
XML
<gallery>
<pic1 name="ONE">
<pic2 name="TWO"/>
<pic3 name="THREE"/>
<pic4 name="FOUR"/>
<pic5 name="FIVE"/>
<pic6 name="SIX"/>
<pic7 name="SEVEN"/>
<pic8 name="EIGHT"/>
<pic9 name="NINE"/>
<pic10 name="TEN"/>
</gallery>
Webpage coding
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>shorty designs</title>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<p class="Sections"><img src="images/version5.jpg"
alt="shorty logo" width="166" height="85" /><span
class="contact">Contact by email:
[email protected]</span></p>
<p class="Sections">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','536','height','518','align','right','src','/flash/fashion/fashion','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa veFlash','movie','/flash/fashion/fashion'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="536" height="518" align="right">
<param name="movie" value="/flash/fashion/fashion.swf"
/>
<param name="quality" value="high" />
<embed src="/flash/fashion/fashion.swf" width="536"
height="518" align="right" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</p>
<p class="section_back">Fashion</p>
<p class="section_reg"><a
href="travel.html">Travel</a></p>
<p class="section_reg"><a
href="wedding.html">Wedding</a></p>
<p class="section_reg"><a
href="layout.html">Layout</a></p>
<p class="section_reg"><a
href="personal.html">Personal</a></p>
</div>
</body>
</html>

Yep, these are the directions:
this is very easy to update. You only need to edit the simple
xml file and add images to the images folder.
step 1.
add as many images as you like at the size 536 x 403
step 2.
create thumbnails for the above images at size 100x75
step 3.
update the xml file with the name url and caption for each
image. (to take the url off just click through to the button on the
main picture and delete the script that says getURL(theurl)
step 4.
open flash file and change the 'toadd' variable to the folder
where the flash file and image folder is located on your site.
thats it done.
The frustrating thing now is that the files are finally being
found but the thumbnail function has decided to mess up.

Serious help needed fixing an image gallery

On my page
http://www.dorff.nl/clients.html
ive put this very nice gallery..
The only problem is. I divided the gallery in 6 groups. But in every group you will see the same images. How can i change the images for each group seperately?
I hope you understand what i ment.
Regards Brian

How i can use the four files you have send me?
In dreamweaver im getting the message...
lightbox.css is not on the disk
prototype.css is not on the disk
scriptaculous.css is not on the disk
lightbox.js is not on the disk
Date: Thu, 12 Apr 2012 12:37:39 -0600
From: [email protected]
To: [email protected]
Subject: serious help needed fixing an image gallery
    Re: serious help needed fixing an image gallery
    created by adninjastrator in Dreamweaver - View the full discussion
Here are 4 files you need:http://www.olympicdiscoverytrail.com/style_sheets/lightbox.csshttp://www.olympicdiscoveryt rail.com/style_sheets/prototype.jshttp://www.olympicdiscoverytrail.com/style_sheets/script aculous.js?loa d=effectshttp://www.olympicdiscoverytrail.com/style_sheets/lightbox.jsHere is an entire web page with working multiple galleries:
Photo Gallery 1
    !images/125/paw_Carrie-Elwha.jpg|title=Elwha River Valley approaching the bridge|height=93|alt=Elwha River Valley approaching the bridge|width=125|src=images/125/paw_Carrie-Elwha.jpg|border=0!
Photo Gallery 2
    !images/125/sw_IMG_1115-Downtown-Trail.jpg|title=Trail near High School close to downtown Sequim|height=83|alt=Trail near High School close to downtown Sequim|width=125|src=images/125/sw_IMG_1115-Downtown-Trail.jpg|border=0!
   </div>     
</div>
</body>
</html>Here is a link to that working page on-line:http://www.olympicdiscoverytrail.com/trail_maps/slideshow.htmlThere is not much more I can do!You'll have to take the bull by the horns and start coding!Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.Best of luck!Adninjastrator
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4330648#4330648
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4330648#4330648. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

How can I create an image gallery with "next" buttons?

So I am almost done with my portfolio site (YES!)..now I just need the actual content (the images). My site is written in AS3.
I've watched many tutorials on how to create an image gallery (auto scrolling ones, scrolling ones that require mouse hover, etc etc), but those aren't what I am looking for.
I want a gallery that looks exactly like this one here:
http://jalbum.net/res/help/integrating-tutorial.html
I have a lot of work to display in my porfolio so there must be arrows at the end of the thumbnails so I can add more stuff. So I am just stumped on how to make the image gallery work with the ability to scroll for more photos with the click of the arrows.
Any ideas? Thank you.

Watching tutorials and learning from them are two different things. If you have learned from them you should be able to use what you have learned to devise a gallery such as the one you link to. If you have learned from them and cannot use what you learned, then you probably need to find/learn more.
If you study the design you linked you should be able to reason out what elements you need to devise... it is not overly complicated.
For the large picture you could have a Loader into which you load whatever image is selected from the thumnails. To get a brief transition you could just set the alpha of the Loader to 0 when an image change is occuring and gradually fade it in after the image has loaded.
The greatest challenge you are likely to face is in getting the thumbnails to advance back and forth depending on which is selected. All of the thumbs would be placed in a container (movieclip or sprite) and that would be masked so that only a portion of them is visible.
All thumbs that are not selected have their alpha property set to some value less than 1. Selecting one calls for the file it associates with to be loaded into the Loader. If the choice happens to lie off screen, then you need to move the movieclip that contains all of the thumbs some set value in the right (+x) or left (-x) direction.
If you want the thumbnails to wrap infinitely then when one leave the thumbnails area for movement in a direction, you need to take that thumb and relocate it to the other end of the thumbs in the container.

How do I change fonts in a Text field ??

Okay I've tried to implement a JComboBox that allows the user to change fonts in the text field. So far I've tried different methods to do it but to no avail. Could somebodoy here read the programs source code for me and tell me where I went wrong?
/* * My GUI Client */
import javax.swing.*;
import javax.swing.text.*;
import java.awt.*;
import javax.swing.event.*;
//for HTML Headers
import javax.swing.text.StyledEditorKit.*;
import javax.swing.text.html.HTMLEditorKit.*;
import javax.swing.text.html.*;
import javax.swing.event.HyperlinkListener;
import javax.swing.event.HyperlinkEvent;
import javax.swing.event.HyperlinkEvent.EventType;
import javax.swing.text.html.HTMLFrameHyperlinkEvent;
//for layout managers
import java.awt.event.*;
//for action and window events
import java.io.*;
import java.net.*;
import java.awt.GraphicsEnvironment;
//for font settings
import java.lang.Integer;
import java.util.Vector;
import java.awt.font.*;
import java.awt.geom.*;
public class guiClient extends JFrame implements ActionListener {
protected static final String textFieldString = "JTextField";
protected static final String loadgraphicString = "LoadGraphic";
protected static final String connectString = "Connect";
static JEditorPane editorPane;
static JPanel layoutPanel = new JPanel(new BorderLayout());
static JPanel controlPanel = new JPanel(new BorderLayout());
static JPanel buttonPanel = new JPanel(new BorderLayout());
static JPanel fontPanel = new JPanel(new BorderLayout());
static PrintStream out;
static DrawPanel dPanel;
static DrawPanel dPButton;
static DrawPanel dFonts;
static DrawControls dControls;
static DrawButtons dButtons;
static String userString;
static String currentFont;
String fontchoice;
String fontlist;
static JTextField userName = new JTextField();
public static JMenuBar menuBar;
private static JButton connectbutton = new JButton("Connect");
static boolean CONNECTFLAG = false;
//create the gui interface
public guiClient() {
     super("My Client");
// Create a ComboBox
GraphicsEnvironment gEnv = GraphicsEnvironment.getLocalGraphicsEnvironment();
String envfonts[] = gEnv.getAvailableFontFamilyNames();
Vector vector = new Vector();
for ( int i = 1; i < envfonts.length; i++ ) {
vector.addElement(envfonts);
JComboBox fontlist = new JComboBox (envfonts);
     fontlist.setSelectedIndex(0);
     fontlist.setEditable(true);
     fontlist.addActionListener(this);
     fontchoice = envfonts[0];
//Create a regular text field.
     JTextField textField = new JTextField(10);
     textField.setActionCommand(textFieldString);
     textField.addActionListener(this);
//Create an editor pane.
editorPane = new JEditorPane();
     editorPane.setContentType("text");
     editorPane.setEditable(false);
//set up HTML editor kit
     HTMLDocument m_doc = new HTMLDocument();
     editorPane.setDocument(m_doc);
     HTMLEditorKit hkit = new HTMLEditorKit();
     editorPane.setEditorKit( hkit );
     editorPane.addHyperlinkListener( new HyperListener());
//Create whiteboard
dPanel = new DrawPanel();
dPButton = new DrawPanel();
dFonts = new DrawPanel();
dControls = new DrawControls(dPanel);
dButtons = new DrawButtons(dPButton);
     //JLable fontLab = new JLabel(fontLable);
//fontLab.setText("Fonts");
//Font newFont = getFont().deriveFont(1);
//fontLab.setFont(newFont);
//fontLab.setHorizontalAlignment(JLabel.CENTER);
JPanel whiteboard = new JPanel();
whiteboard.setLayout(new BorderLayout());
whiteboard.setPreferredSize(new Dimension(300,300));
whiteboard.add("Center",dPanel);
whiteboard.add("South",dControls);
whiteboard.add("North",dButtons);
     JScrollPane editorScrollPane = new JScrollPane(editorPane);
     editorScrollPane.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
     editorScrollPane.setPreferredSize(new Dimension(250, 145));
     editorScrollPane.setMinimumSize(new Dimension(50, 50));
//put everything in a panel
     JPanel contentPane = new JPanel();
     JPanel fontPane = new JPanel();
     contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));
//add whiteboard
     contentPane.add(whiteboard);
//add editor box
     contentPane.add(editorScrollPane);
//add spacer
     contentPane.add(Box.createRigidArea(new Dimension(0,5)));
//add textfield
     contentPane.add(textField);
//set up layout pane
     //layoutPanel.add(GridLayout(2,1),fontLab);
     layoutPanel.add( BorderLayout.NORTH, fontlist);
     layoutPanel.add(BorderLayout.WEST,new Label("Name: ")); //add a label
     layoutPanel.add(BorderLayout.CENTER, userName ); //add textfield for user names
     layoutPanel.add(BorderLayout.SOUTH, connectbutton);//add dropdown box for fonts
     //fontPane.add(BorderLayout.NORTH,fontlist);
     contentPane.add(layoutPanel);
     contentPane.add(controlPanel);
     contentPane.add(buttonPanel);
//Create the menu bar.
menuBar = new JMenuBar();
setJMenuBar(menuBar);
//Build the first menu.
     JMenu menu = new JMenu("File");
     menu.setMnemonic(KeyEvent.VK_F);
     menuBar.add(menu);
//a group of JMenuItems
     JMenuItem menuItem = new JMenuItem("Load Graphic", KeyEvent.VK_L);
     menu.add(menuItem);
menuItem.setActionCommand(loadgraphicString);
     menuItem.addActionListener(this);
connectbutton.setActionCommand(connectString);
connectbutton.addActionListener(this);
     setContentPane(contentPane);
static private void insertTheHTML(JEditorPane editor, String html, int location) throws IOException {
     HTMLEditorKit kit = (HTMLEditorKit) editor.getEditorKit();
     Document doc = editor.getDocument();
     StringReader reader = new StringReader(html);
     try {
          kit.read(reader, doc, location);
     } catch (BadLocationException e) {}
//listen for actions being performed and process them
public void actionPerformed(ActionEvent e) {
//if the action is from the textfield (e.g. user hits enter)
     if (e.getActionCommand().equals(textFieldString)) {
          JTextField fromUser = (JTextField)e.getSource();
     if (fromUser != null){
//place user text in editor pane
//send message to server
               if (userName.getText() != null) {
                    userString = userName.getText().trim();
               out.println(userString + ": " + fromUser.getText());
          fromUser.setText("");
     } else if(e.getActionCommand().equals(connectString)) {
          CONNECTFLAG = true;
} else if (e.getActionCommand().equals(loadgraphicString) ) {
          final JFileChooser fc = new JFileChooser();
          int returnVal = fc.showOpenDialog(this);
          if (returnVal == JFileChooser.APPROVE_OPTION) {
               File file = fc.getSelectedFile();
               dPanel.loadImage(file.getAbsolutePath());
               sendImage(file);
     else if (e.getActionCommand().equals(fontlist)){
     JComboBox cb = (JComboBox)e.getSource();
String newSelection = (String)cb.getSelectedItem();
currentFont = newSelection;
     userString = currentFont;
return;
/*public void itemStateChanged (ItemEvent e) {
if ( e.getStateChange() != ItemEvent.SELECTED ) {
return;
if ( list == fontlist ) {
fontchoice = (String)fontlist.getSelectedItem();
     userString.changeFont(fontchoice);
//append text to the editor pane and put it at the bottom
public static void appendText(String text) {
     if (text.startsWith("ID ") ) {
          userString = text.substring(3);
     } else if (text.startsWith("DRAW ") ) {
          if (text.regionMatches(5,"LINE",0,4)) {
dPanel.processLine(text);
     }else if (text.regionMatches(5,"POINTS",0,5)) {
     dPanel.processPoint(text);
     } else if (text.startsWith("IMAGE ") ) {
int len = (new Integer( text.substring(6, text.indexOf(",")))).intValue();
//get x and y coordinates
     byte[] data = new byte[ (int)len ];
     int read = 0;
try {
     while (read < len) {
     data = text.getBytes( text.substring(0, len) );
} catch (Exception e) {}
     Image theImage = null;
     theImage = dPanel.getToolkit().createImage(data);
     dPanel.getToolkit().prepareImage(theImage, -1, -1, dPanel);
     while ((dPanel.getToolkit().checkImage(theImage, -1, -1, dPanel) & dPanel.ALLBITS) == 0) {}
          dPanel.drawPicture(0, 0, theImage);
} else {
//set current position in editorPane to the end
          editorPane.setCaretPosition(editorPane.getDocument().getLength());
//put text into the editorPane
          try {
               insertTheHTML(editorPane, text, editorPane.getDocument().getLength());
          } catch (IOException e) {}
} //end of appendText(String)
public void sendImage(File file) {
//find length of file
     long len = file.length();
//read file into byte array
     byte[] byteArray = new byte[(int)len];
     try {
          FileInputStream fstream = new FileInputStream(file);
          if (fstream.read(byteArray) < len) {
//error could not load file
          } else {
          out.println("IMAGE " + len + ",");
               out.write(byteArray, 0, (int)len); //write file to stream
     } catch(Exception e){}
//run the client
public static void main(String[] args) {
     String ipAddr=null, portNr=null;
          if (args.length != 2) {
               System.out.println("USAGE: java guiClient IP_Address port_number");
               System.exit(0);
          } else {
     ipAddr = args[0];
          portNr = args[1];
          JFrame frame = new guiClient();
          frame.addWindowListener(new WindowAdapter() {
               public void windowClosing(WindowEvent e) { System.exit(0); }
          frame.pack();
          frame.setVisible(true);
          while(CONNECTFLAG == false){}
//sames as previous client,
//set up connection and then listen for messages from the Server
          String socketIP = ipAddr;
          int port = Integer.parseInt(portNr);
//the IP address of the machine where the server is running
          Socket theSocket = null;
//communication line to the server
          out = null;
//for message sending
          BufferedReader in = null;
//for message receiving
          try {
          theSocket = new Socket(socketIP, port );
//try to connect
          out = new PrintStream(theSocket.getOutputStream());
               dPanel.out = out;
//for client to send messages
          in = new BufferedReader(new InputStreamReader(theSocket.getInputStream()));
               BufferedReader userIn = new BufferedReader(new InputStreamReader(System.in));
               String fromServer;
               while ((fromServer = in.readLine()) != null) {
               appendText(fromServer);
               if (fromServer.equals("BYE")) {
                    appendText("Connection Closed");
                    break;
          out.close();
//close all streams
          in.close();
          theSocket.close();
//close the socket
     } catch (UnknownHostException e) {
//if the socket cannot be openned
          System.err.println("Cannot find " + socketIP);
          System.exit(1);
          } catch (IOException e) { //if the socket cannot be read or written
          System.err.println("Could not make I/O connection with " + socketIP);
          System.exit(1);
class HyperListener implements HyperlinkListener {
public JEditorPane sourcePane;
public void hyperlinkUpdate(HyperlinkEvent e) {
if (e.getEventType() == HyperlinkEvent.EventType.ACTIVATED) {
sourcePane = (JEditorPane) e.getSource();
               if (e instanceof HTMLFrameHyperlinkEvent) {
HTMLFrameHyperlinkEvent event = (HTMLFrameHyperlinkEvent) e;
                    System.out.println(event.getTarget());
                    HTMLDocument doc = (HTMLDocument) sourcePane.getDocument();
                    doc.processHTMLFrameHyperlinkEvent(event);
else {
try {}
catch (Exception ev){
     ev.printStackTrace();
Well sorry the source code takes up the whole forum but I need a good feedback from this.

All right...
public class guiClient extends JFrame implements ActionListener {
static String userString;
static String currentFont;
String fontchoice;
String fontlist;
static JTextField userName = new JTextField();
public guiClient() {
     super("My Client");
public guiClient() {
     super("My Client");
// Create a ComboBox
GraphicsEnvironment gEnv = GraphicsEnvironment.getLocalGraphicsEnvironment();
String envfonts[] = gEnv.getAvailableFontFamilyNames();
Vector vector = new Vector();
for ( int i = 1; i < envfonts.length; i++ ) {
vector.addElement(envfonts);
JComboBox fontlist = new JComboBox (envfonts);
     fontlist.setSelectedIndex(0);
     fontlist.setEditable(true);
     fontlist.addActionListener(this);
     fontchoice = envfonts[0];
//Create a regular text field.
     JTextField textField = new JTextField(10);
     textField.setActionCommand(textFieldString);
     textField.addActionListener(this);
public void actionPerformed(ActionEvent e) {
//if the action is from the textfield (e.g. user hits enter)
     if (e.getActionCommand().equals(textFieldString)) {
          JTextField fromUser = (JTextField)e.getSource();
     if (fromUser != null){
//place user text in editor pane
//send message to server
               if (userName.getText() != null) {
                    userString = userName.getText().trim();
               out.println(userString + ": " + fromUser.getText());
          fromUser.setText("");
     else if (e.getActionCommand().equals(fontlist)){
     JComboBox cb = (JComboBox)e.getSource();
String newSelection = (String)cb.getSelectedItem();
currentFont = newSelection;
     userString = currentFont;
return;

How do i apply a basic jQuery to my image gallery?

I'm using jQuery in order to allow an image gallery to show the same product in various colours. However the jQuery I'm using, animates the next image to sweep in from the left. And i just want the images to change in a basic way, so one image is on the screen at all times. Could someone please help me?
This is the current jQuery I'm using.
<script>
$(document).ready(function () {
    $("#red").click(function () {
        $("#img-red").show('');
                                $("#img-etchedglass, #img-blue, #img-green").hide();
    $("#blue").click(function () {
        $("#img-blue").show('');
                                $("#img-etchedglass, #img-red, #img-green").hide();
    $("#green").click(function () {
        $("#img-green").toggle('');
                                $("#img-etchedglass, #img-red, #img-blue").hide();
    $("#etchedglass").click(function () {
        $("#img-etchedglass").show('');
                                $("#img-blue, #img-red, #img-green").hide();
</script>
I have already asked on a previous stream, but could do with this sorted asap.
Thanks!!

If you have individual product images why don't you just write them to one <div> on the page (example below)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="charset=UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#red').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/183431/1834305318/butterfly-1436021-m.jpg" alt="">');
$('#blue').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/183385/1833845416/aglais-urticae---little-fox-1441799-m.j pg" alt="">');
$('#green').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/45/443536/blue-butterfly-1433138-m.jpg" alt="">');
</script>
</head>
<body>
<div id="productImage">
<img src="http://www.freeimages.com/assets/183431/1834305318/butterfly-1436021-m.jpg" alt="">
</div>
<a href="#" id="red">Red</a>
<a href="#" id="blue">Blue</a>
<a href="#" id="green">Green</a>
</body>
</html>

Change font stlye in bridge image gallery

Similar Messages

Maybe you are looking for