Images/gallery web
hi to all, i need help with web which will be consisted of images (large number/im photographer). im planing to use jquery for but i couldn find solution to my probem, what i need is because large number of photos, for example when i want to update page is to simple add photos to folder and they are automaticly add to gallery, woul be great if thumbnails can be done at same time. the reason for this is i do a lots of images (sometimes a 1000 a day) but in order to fit them i spend houndred of hours to edit and resize. page would have home button, about, contact and gallery, and maybe download option (didnt decide yet)
if someone have solution i would appriciate
Hello,
regarding your "I spend houndred of hours to edit and resize". In these cases I work - depending on my efforts - with one of these picture processing programs, where I can resize more than one image at one push:
MS Picture Manager
PicSizer
IrfanView
Hans-Günter
Similar Messages
-
Dreamweaver cs6 web image gallery
hi to all, i need help with web and image gallery, as far as web is OK but im trying to involve a lot of pictures inside, the problem is im trying to put table inside div tag with auto resize to thumbnails, i hope it is possible o is there another solution for images gallery
Here is how you deal with jQuery:
Firstly, you go get the code from the image gallery that you prefer that I linked to above.
Then you find out which version of jQuery you need.
Then you go to jQuery.com and download the code.
Then you create a folder in your defined side in Dreamweaver. Call it js.
Put jQuery into the js folder
Put your plugin (the gallery you chose) into the js folder.
Call both jQuery and your plugin in the <head> region of your web page thusly:
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/plugin.min.js"></script>
Then follow the specific directions for whichever gallery you choose to activate the plugin. For example, "fancybox" wants you to create a div class called fancybox. Then, in the <head> region of your web page underneath where you called the plugin(s), place the following:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
</script>
And the plugin will work.
That's how to apply.
Alternatively, you could purchase a plugin from Project VII or other sources that will automate everything. -
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 -
How do i use numbers for image gallery and arrows?
Hello there,
I'm hoping someone can advise me on the best possible way.
I would like to use numbers to help the user navigate through the image gallery i'm creating and arrows on either side of an image (one image viewed at any one time). I have attached an image of what i'm trying to acheive. I feel like the arrows will help aid the user to navigate and the numbers will inform them on the number of images to view.
I have so far created the site with a template (logo and nav bar) and child pages for: home/about/work/contact.
Hope to hear from someone soon.
NicolaWith so many pre-built image galleries available to you, there's no reason to re-invent the wheel.
CSS Image Viewer (view source to see the code)
http://alt-web.com/DEMOS/CSS-Image-Viewer.shtml
jQuery slideViewer 1.2
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
57 + Image Gallery, Slideshow & Lightbox solutions
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
In addition to the ones above, log-in to Adobe's Widget Exchange with your Widget Browser
http://labs.adobe.com/technologies/widgetbrowser/
* jQuery Cycle Widget
* Lightbox Gallery Widget
* Spry Content Slides
* Spry Image Slideshow
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Please Help, I can't figure this stuff out!
I've just built my second website and the code for clickable thumbnails for my image gallery doesn't work in Safari, unless I refresh the page. For some reason, a mouseover on a thumbnails fails to call the large image url. I tried adding an auto refresh to the code, but curiously that did not solve the problem.
Any ideas why this won't work in this Browser, but runs fine in IE and Firefox?
Thanks for any advice.
Here is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Welcome to Kimerlee Curyl - p h o t o g r a p h y - horses, pets, el faro, headshots, weddings</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../web-content/styles.css" rel="stylesheet" media="screen" type+text/css">
<script language="javascript">
<!--
function openLinks(){
var linksURL = "about.cfm";
var linksWindow = window.open(linksURL, 'linksWin', 'menubar=no,toolbar=no,width=1024,height=768,resizable=yes,location=no,scrollba rs=yes,screenX=10,screenY=1,left=10,top=1');
//-->
</script>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/CMP/ 'bfc75fbb127'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f15.jpg');
CSAct[/CMP/ 'bfc75fc8128'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/f14.jpg');
CSAct[/CMP/ 'bfc75fd2129'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f13.jpg');
CSAct[/CMP/ 'bfc75fdd130'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f11.jpg');
CSAct[/CMP/ 'bfc75fe8131'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f9.jpg');
CSAct[/CMP/ 'bfc75ff2132'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f7.jpg');
CSAct[/CMP/ 'bfc75ffd133'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f6.jpg');
CSAct[/CMP/ 'bfc76008134'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f5.jpg');
CSAct[/CMP/ 'bfc76014135'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f4.jpg');
CSAct[/CMP/ 'bfc7601e136'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f3.jpg');
CSAct[/CMP/ 'bfc76027137'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f2.jpg');
CSAct[/CMP/ 'bfc76031138'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/faro1.jpg');
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_photographyB = newImage('folder/dec_buttons/photographyB.gif');
pre_KimB = newImage('folder/dec_buttons/KimB.gif');
pre_docBb = newImage('folder/dec_buttons/docBb.gif');
pre_weddingsB = newImage('folder/dec_buttons/weddingsB.gif');
pre_editorialB = newImage('folder/dec_buttons/editorialB.gif');
pre_petsB = newImage('folder/dec_buttons/petsB.gif');
pre_headshotsB = newImage('folder/dec_buttons/headshotsB.gif');
pre_horsesB = newImage('folder/dec_buttons/horsesB.gif');
pre_bioB = newImage('folder/dec_buttons/bioB.gif');
pre_ppB = newImage('folder/dec_buttons/ppB.gif');
pre_contactB = newImage('folder/dec_buttons/contactB.gif');
preloadFlag = true;
// --></script>
</csactiondict>
<csactions>
<csaction name="bfc75fbb127" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f15.jpg" urlparams="2"></csaction>
<csaction name="bfc75fc8128" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/f14.jpg" urlparams="2"></csaction>
<csaction name="bfc75fd2129" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f13.jpg" urlparams="2"></csaction>
<csaction name="bfc75fdd130" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f11.jpg" urlparams="2"></csaction>
<csaction name="bfc75fe8131" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f9.jpg" urlparams="2"></csaction>
<csaction name="bfc75ff2132" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f7.jpg" urlparams="2"></csaction>
<csaction name="bfc75ffd133" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f6.jpg" urlparams="2"></csaction>
<csaction name="bfc76008134" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f5.jpg" urlparams="2"></csaction>
<csaction name="bfc76014135" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f4.jpg" urlparams="2"></csaction>
<csaction name="bfc7601e136" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f3.jpg" urlparams="2"></csaction>
<csaction name="bfc76027137" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f2.jpg" urlparams="2"></csaction>
<csaction name="bfc76031138" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/faro1.jpg" urlparams="2"></csaction>
</csactions>
</head>
<body onload="preloadImages();" bgcolor="#471e12" link="#666666" vlink="#666666" alink="#99CCCC">
<table width="100%" border="0" align="center">
<tr>
<td align="center" valign="middle" bgcolor="330000" width="800">
<!-- TemplateBeginEditable name="horses" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="doc" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="editorial" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="etc" --><!-- TemplateEndEditable -->
<table width="778" border="0" cellspacing="0" cellpadding="0" cool="cool" gridx="16" gridy="16" height="953" showgridx="showgridx" showgridy="showgridy" usegridx="usegridx" usegridy="usegridy">
<tr height="304">
<td width="19" height="304"></td>
<td width="758" height="304" colspan="14" valign="top" align="left" xpos="19"></td>
<td width="1" height="304"><spacer type="block" width="1" height="304"></td>
</tr>
<tr height="448">
<td width="108" height="448" colspan="4"></td>
<td width="669" height="448" colspan="11" valign="top" align="left" xpos="108"></td>
<td width="1" height="448"><spacer type="block" width="1" height="448"></td>
</tr>
<tr height="116">
<td width="25" height="116" colspan="3"></td>
<td width="122" height="116" colspan="2" valign="top" align="left" xpos="25"></td>
<td width="1" height="116"></td>
<td width="122" height="116" valign="top" align="left" xpos="148"></td>
<td width="1" height="116"></td>
<td width="122" height="116" valign="top" align="left" xpos="271"></td>
<td width="123" height="116" colspan="2" valign="top" align="left" xpos="393"></td>
<td width="123" height="116" colspan="2" valign="top" align="left" xpos="516"></td>
<td width="138" height="116" colspan="2" valign="top" align="left" xpos="639"></td>
<td width="1" height="116"><spacer type="block" width="1" height="116"></td>
</tr>
<tr height="84">
<td width="23" height="84" colspan="2"></td>
<td width="124" height="84" colspan="3" valign="top" align="left" xpos="23"></td>
<td width="123" height="84" colspan="2" valign="top" align="left" xpos="147"></td>
<td width="123" height="84" colspan="2" valign="top" align="left" xpos="270"></td>
<td width="1" height="84"></td>
<td width="122" height="84" valign="top" align="left" xpos="394"></td>
<td width="1" height="84"></td>
<td width="122" height="84" valign="top" align="left" xpos="517"></td>
<td width="2" height="84"></td>
<td width="136" height="84" valign="top" align="left" xpos="641"></td>
<td width="1" height="84"><spacer type="block" width="1" height="84"></td>
</tr>
<tr height="1" cntrlrow="cntrlrow">
<td width="19" height="1"><spacer type="block" width="19" height="1"></td>
<td width="4" height="1"><spacer type="block" width="4" height="1"></td>
<td width="2" height="1"><spacer type="block" width="2" height="1"></td>
<td width="83" height="1"><spacer type="block" width="83" height="1"></td>
<td width="39" height="1"><spacer type="block" width="39" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="2" height="1"><spacer type="block" width="2" height="1"></td>
<td width="136" height="1"><spacer type="block" width="136" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
<!-- TemplateBeginEditable name="bio" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="packages" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="email" --><!-- TemplateEndEditable -->
</table>
<map name="bio_textBbfc725fb"></map>
</body>
</html>
<!-- text below generated by server. PLEASE REMOVE --><!-- Counter/Statistics data collection code --><script language="JavaScript" src="http://hostingprod.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript></noscript>Someone else told me to put backticks around the session variable and it solved the problem, so
$q = "SELECT * FROM `{$_SESSION['find']}` WHERE id = $id"; -
Using DW-5, is there a way to create an image gallery like the one at this link
http://www.katherinelove.com/frset_gallery.html
the most important thing is to have the thumbnails contain the entire image, not just a cropped bit, and the popups need to have a description of the image. otherwise, the site design can change, which in this case it needs to do!Fancybox is a jQuery plugin. You won't find any automatic slideshow features in DW because it is a web authoring app; not a photo gallery app.
See Primer for Using jQuery Plugins:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O. -
Image Gallery or Lightbox that works for DW CS6?
Help! I need an image gallery or lightbox that works! I tried the Lightbox Gallery in Widgets and while it works for the most part, the nav buttons don't show up and I've put the files in every directory (path) possible. Does anyone have a fix for this - I've perused forums for hours about this. OR is there something else that's easy and fast and that works? And hopefully free?
Thank you so much!The page is not live, so here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<title>
HLG - Flagstone Driveways Walkways Paths
</title>
<style type="text/css">
/*<![CDATA[*/
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
overflow-y:scroll;
body {
background-image: url(images/background2.gif);
/*]]>*/
</style>
<link href="!-css-style.css" rel="stylesheet" type=
"text/css" />
<style type="text/css">
/*<![CDATA[*/
a:link {
color: #FFF;
/*]]>*/
</style>
<link href="css/lightbox.css" rel="stylesheet" type=
"text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet"
type="text/css" />
<script src="scripts/jquery.js" type="text/javascript">
</script>
<script src="scripts/lightbox.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
/* BeginOAWidget_Instance_2127022: #gallery */
.lbGallery {
/*gallery container settings*/
background-color: #910000;
padding-left: 2px;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
width: 550px;
height: auto;
text-align:center;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #ffcc66;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
/* EndOAWidget_Instance_2127022 */
/*]]>*/
</style>
<script type="text/xml">
<![CDATA[
<!--
<oa:widgets>
<oa:widget wid="2127022" binding="#gallery" />
</oa:widgets>
-->
]]>
</script>
</head>
<body onload=
"MM_preloadImages('buttons/directionsover.png','buttons/contactover.png','buttons/gallery over.png','buttons/homeover.png')">
<table width="980" border="1" bordercolor="#000000" align=
"center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="40" align="center" bgcolor="#910000"
class="MaroonBanner">
<p>
Heartland Landscape Group, Inc.| Osage Beach,
Missouri | (573) 302-8855 | <a href=
"mailto:[email protected]" class=
"MaroonBannerEmail">[email protected]</a>
</p>
</td>
</tr>
<tr>
<td width="980" height="182" align="center" bgcolor=
"#000000">
<img src="images/plant1smlogo.jpg" width="980"
height="180" alt="Heartland Landscape Group" />
</td>
</tr>
<tr>
<td height="40" align="center" bgcolor="#910000">
<img src="images/escape_bnnr.png" alt=
"Escape the ordinary with greener landscape solutions"
width="980" height="40" />
</td>
</tr>
<tr>
<td valign="top">
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="213" valign="top">
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="46" colspan="2" valign=
"middle">
<a href="index.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Homepage','','buttons/homeover.png',1)">
<img src="buttons/home.png" alt=
"Homepage" width="210" height="45" id=
"Homepage" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="services.html"><img src=
"buttons/servicesover.png" alt=
"Services" width="210" height="45"
border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="beforeafter.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Before & After Gallery','','buttons/galleryover.png',1)">
<img src="buttons/gallery.png" alt=
"Before and After Gallery" width=
"210" height="45" id=
"Before_and_After_Gallery" border=
"0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="directions.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Directions','','buttons/directionsover.png',1)">
<img src="buttons/directions.png" alt=
"Directions" width="210" height="45"
id="Directions" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="contact.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Contact Us','','buttons/contactover.png',1)">
<img src="buttons/contact.png" alt=
"Contact Us" width="210" height="45"
id="Contact_Us" border="0" /></a>
</td>
</tr>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr>
<td width="53">
<a href=
"https://www.facebook.com/pages/Heartland-Landscape-Group-Inc/230076883731915"
target="_blank"><img src=
"images/fb_logo.png" alt=
"Follow Us on Facebook" width="50"
height="50" border="0" /></a>
</td>
<td width="147" valign="top" class=
"BodyTextsm">
Follow us on Facebook for project
ideas, tips and landscaping news!
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2" class="Textmed">
This Web site is best viewed with
Mozilla Firefox or Google Chrome.
</td>
</tr>
</table>
</td>
<td valign="top" class="Heading">
<table width="765" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td valign="top" class="Heading">
<p>
Our Services - Flagstone Driveways,
Walkways & Paths<br />
<img src="images/line.png" width=
"757" height="3" alt=
"Horizontal Line" />
</p>
<p class="BodyText">
Whether replacing or building a new
driveway, walkway or path, naturally
beautiful flagstone is the perfect
alternative to concrete or brick
pavers. Depending on the individual
taste of the homeowner, there are
many sizes, colors, shapes, and
styles of natural stone to select
from, and lend themselves to the more
"natural" landscapes.<br />
</p>
<table width="550" border="0" align=
"center" cellpadding="0" cellspacing=
"0">
<tr>
<td align="center">
<div id="gallery" class=
"lbGallery">
<ul>
<li>
<a href=
"images/flagstone/images/garden_pathways.jpg"
title=
"Garden Pathway"><img src=
"images/flagstone/thumbnails/garden_pathways.jpg"
width="72" height="72" alt=
"Flagstone Entrance Patio" /></a>
</li>
<li>
<a href=
"images/flagstone/images/pa_stepper_path.jpg"
title=
"Pennsylvania Stepper Path">
<img src=
"images/flagstone/thumbnails/pa_stepper_path.jpg"
width="72" height="72" alt=
"Pennsylvania Stepper Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/black_hills_rustic_path.jpg"
title=
"Black Hills Rustic Path"><img src="images/flagstone/thumbnails/black_hills_rustic_path.jpg"
width="72" height="72" alt=
"Black Hills Rustic Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_path_with_firepit.jpg"
title=
"Flagstone Path With Firepit">
<img src=
"images/flagstone/thumbnails/flagstone_path_with_firepit.jpg"
width="72" height="72" alt=
"Flagstone Path With Firepit" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_with_gravel.jpg"
title=
"Flagstone With Crushed Creek Gravel">
<img src=
"images/flagstone/thumbnails/flagstone_with_gravel.jpg"
width="72" height="72" alt=
"Flagstone With Gravel" /></a>
</li>
</ul>
</div><script type=
"text/javascript">
//<![CDATA[
// BeginOAWidget_Instance_2127022: #gallery
$(function(){
$('#gallery a').lightBox({
imageLoading: '/images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: '/images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: '/images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: '/images/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: '/images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: true, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#000000", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0.75, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Flagstone Patios', //Default text of image
txtOf: 'of'
// EndOAWidget_Instance_2127022
//]]>
</script>
</td>
</tr>
</table><br />
<table width="485" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top" class=
"BodyText">
<p>
- <a href="design.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Landscape Design
Services</span></a>
</p>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">-
Landscape Services:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Ornamental Gravel &
Mulches</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Retaining Walls:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td width="391">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Block</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Natural
Stone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Patios</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Driveways, Walkways &
Paths</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"flagstonewalks.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Landscape
Steps</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Plantings &
Sod</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Water
Features</span></a></span>
</td>
</tr>
<tr>
<td width="45" height="32" valign=
"top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Outdoor Living
Fun</span></a></span>
</td>
</tr>
<tr>
<td height="30" colspan="3" valign=
"top">
<span class="BodyText">- <a href=
"irrigation.html" target="_self"
class="Emailblack"><span class=
"Email">Irrigation</span></a></span>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">- <a href=
"lighting.html" target="_self"
class="Emailblack"><span class=
"Email">Lighting</span></a></span>
</td>
</tr>
</table><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="211">
</td>
<td width="486" align="center">
<span class="Copyright">Copyright © 2013 Heartland
Landscape Group, Inc.</span>
</td>
<td width="283">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> -
Hi folks,
I'd like to receive some comments on the topic "Image gallery in SAP EP" as quite often there is a need for storing content in form of images in the KM and the standard renderers available do not satisfy advanced scenarios or non-SAP standard environments.
As there is heaps of image gallery libraries around for usage in standard web pages and open portals - mostly based on Java or Javascript - I wonder if these can be easily used within SAP EP.
So my question: Did anyone integrate a free image gallery software into SAP EP and are there any drawbacks/experiences or remarks you might want to share with me?!
The gallery should sport thumbnails previews, tagging, additional attributes, convenience functions (mass-renaming, mass-resizing), flashy previews, etc.
Thanks for your help!
regards,
ChristianWell, we are surprised we haven't seen this before but here's
what we discovered.
Safari converts uppercase letters in attributes to lowercase.
Since XML is case sensitive, therefore IMAGEID becomes
imageid. Since your data references are still uppercase, they fail
to match and you get undefined.
Uppercase attributes are rare, hence this is the first we
have seen of this error.
To see this in action, try this in your page:
<script>
var rows = datasetname.getData();
if (rows && rows.length)
alert(Spry.Utils.serializeObject(rows));
</script>
To solve this, convert your XML files to use lowercase
attribute names.
We will write this up somewhere.
Thanks for posting.
We are pleased to see a good use of Spry data, effects and
widgets on one site. I will add your site to our wiki page, if you
don't mind.
http://labs.adobe.com/wiki/index.php/Spry:SprySites
Thanks,
Donald Booth
Adobe Spry Team -
Image gallery in webcenter using content presenter template
Hi,
I created a content presenter template for image gallery in webcenter.
The images from UCM are not displayed without log in to the webcenter application.
I am getting a error like
" Error calling UCM server associated with repository UCM. The service GET_FILE was called with user anonymous at time 3/18/15 11:12 AM, and returned statuscode -1.
oracle.stellent.ridc.protocol.ServiceException: Unable to download 'HSCSRV154.ALLE006130'. Access denied by records manager "
Once i log in the images are displayed.
What is the problem here?please help.
I am using the latest webcenter extension in jdev 11.1.1.7
Thanks,
chandrasekar MHi Vinod,
I tried using af:image like below and its the same issue.I have read in most of the blogs that since this is in the content presenter template, the image has to be displayed using output text with escape set to false.
<af:image source="#{node.propertyMap['REGDEF:Image'].asTextHtml}" id="image5"/>
I am not using <img> anywhere, its just that on the webpage when the image doesnt appear, I tried to see the source of the image using Firebug and it shows following:
<img src="${wcmUrl('rendition','xyz/web')} " alt = "Logo">
Edited by: Swathi Patnam on Jul 13, 2012 6:00 PM -
How can I place a Lightroom 3 image gallery in a Dreamweaver page?
I would like to use an image gallery that I built in Lightroom 3 in a Dreamweaver CS5 website. I would like the image gallery to operate on my Dreamweaver page, not to be re-directed to a different page.
I'm pretty sure this is possible, but in my search for help in the forums, books, etc., I am not having much luck. Perhaps I'm using the wrong search words? Help to direct me would be very much appreciated. Cheryl B.You'll need to work in CodeView.
Copy the relevant code from your image gallery page into your site page. Adjust paths to images & scripts as necessary.
Another simpler approach, insert an iframe into your site page. Point the iframe src to your gallery.html page. Adjust iframe height and width to accommodate the size of your gallery page.
http://w3schools.com/html/html_iframe.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Hi there,
I'm new to web design and not 100% sure if I should be asking this in a Dreamweaver or Flash forum, but I'm hoping someone would be able to advise me on what to do.
I want to incorporate an image gallery into a Dreamweaver page. I've made the gallery in Flash. When rolling over small images at the bottom, an enlarged version will appear on top. Next to the enlarged image will be text. From what I understand, for search engine purposes, usability etc it would be better if this text was not in Flash. In fact, I would like the layout in terms of how the pics and text are positioned to be in a similar fashion as this site: http://www.calcotmanor.co.uk/meetings_events/barn.htm where the text sits next to and above the Flash elements.
I have tried this using tables in Dreamweaver and inserting the swf however I do not know how to incorporate this so that the image gallery and the enlarged image form an 'L' shape around the text. I'm not set on using Flash necessarily - if there is another way I can do this using Dreamweaver (I don't need the images to change by themselves, just to show the enlarged version when user hovers over thumbnails) then I would appreciate tips on that!
Many thanks in advance for your help!On Sat, 18 Jan 2014 17:58:33 +0000, StonyArc [MVP] wrote:
>Couldn't you similate this behaviour for the time being with a horizontal gallery and loading each item specifically for that area.
>
>E.g. paragraph per item and sideload the images in another gallery
>
>It's not entirely what's needed but it will make it a bit more userfriendly.
I actually tried that and hated it. I'd be better off with manual navigation at
the bottom of each page (these are sub pages)
-- Barb Bowman -
Image Gallery with cfdirectory with no DB
Hi
Im trying to get an image Gallery going with cfdirectory with
no Database amd pagination through Cfdirectory
Im current using cfdirectory to create a query and
cfx_openimage to create thumbnails.
the issue I have and where Ive been stuck is when a user
clicks on a thumbnail, how do i get pagination going the next page
between the photos
here is my code
<cfdirectory
directory="#GetDirectoryFromPath(GetTemplatePath())#/#url.username#/images/#url.date#/"
name="dirQuery"
filter="*.jpg. *.jpeg"
sort="name ASC, size DESC">
<!--- Get all directory information in a query of
queries.--->
<cfquery dbtype="query" name="GetBoth">
SELECT * FROM dirQuery
</cfquery>
<cfoutput>
<cfloop query="GetBoth">
<a
href="/outandabout/#url.username#/images/#url.date#/#getboth.name#"><img
src="/outandabout/#url.username#/images/#url.date#/thumbs/_#getboth.name#"></a><br>
</cfloop>
</cfoutput>
Thanking you advanceYour code links directly to the image not a page displaying
the image. If
you are wanting pagination you will need to use page to
display the full
size image and the paging links.
Bryan Ashcraft (remove brain to reply)
Web Application Developer
Wright Medical Technology, Inc.
Macromedia Certified Dreamweaver Developer
Adobe Community Expert (DW) ::
http://www.adobe.com/communities/experts/
"stevegio" <[email protected]> wrote in
message
news:f58unu$j5$[email protected]..
> Hi
> Im trying to get an image Gallery going with cfdirectory
with no Database
> amd
> pagination through Cfdirectory
>
> Im current using cfdirectory to create a query and
cfx_openimage to
> create
> thumbnails.
>
> the issue I have and where Ive been stuck is when a user
clicks on a
> thumbnail, how do i get pagination going the next page
between the photos
>
> here is my code
>
>
> <cfdirectory
>
>
directory="#GetDirectoryFromPath(GetTemplatePath())#/#url.username#/images/#url.
> date#/"
> name="dirQuery"
> filter="*.jpg. *.jpeg"
> sort="name ASC, size DESC">
>
> <!--- Get all directory information in a query of
queries.--->
> <cfquery dbtype="query" name="GetBoth">
> SELECT * FROM dirQuery
> </cfquery>
>
> <cfoutput>
>
> <cfloop query="GetBoth">
>
> <a
>
href="/outandabout/#url.username#/images/#url.date#/#getboth.name#"><img
>
src="/outandabout/#url.username#/images/#url.date#/thumbs/_#getboth.name#"></a><
> br>
> </cfloop>
>
> </cfoutput>
>
>
> Thanking you advance
>
>
>
> -
Thickbox image gallery not working.
HI guys,
Im creating an image gallery using the 'thickbox' widget. When I preview my page on a browser, and click the thumbnail image, nothing happens. It just loads the thickbox preloader bar, nothing else!
I've followed online tutorials by the book! Heck, it even works on live vew in DW, but doesn't do anything on a browser!
Can someone shed some light on this?marie_barnsley wrote:
I've been through and sorted the majority of the errors, apart from 3 that are flagging up to do with the Fancybox.
The 'rel' tag seems to be the issue and from reading online I've changed this to 'data' instead which seems to have fixed the errors.
However, the fancybox gallery still isn't working.
You must have the scripts linked up incorrectly.
Replace ALL of your script links with the ones below (once it's confirmed it's working you can go directly to the pages, download the scripts and save them locally)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/web.js?m=20100203"></script>
Amend the <script> at the foot of the page to as below:
<script type="text/javascript">
/* Apply fancybox slideshow to 'group'*/
$("a#group").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false
</script>
Then give the anchor tags in the 3 images an id="group" as below:
<a id="group" href="http://www.marieparkinson.co.uk/images/portfolio/full/harperoffice.jpg" title="Harper Office"><img src="http://www.marieparkinson.co.uk/images/portfolio/thumbs/harperthumb.jpg" alt="image 2"/></a> -
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 -
PHP image gallery uploader for client website?
I am trying to find a php image gallery uploader so that once I install the code into my clients website, they can upload via the web their pictures to the gallery, I've googled and come up empty. It would need to look nice, not clunky (think flowchart gallery on the mac).
How can this be done. Hoping to buy software and install it, let the program do the work.
Thanks,
Stefan
http://www.bluebarngraphics.comI am not aware of any off the shelf software as you describe, but I am thinking is should be a fairly straightforward project.
1. Create a form for your client to upload images, alt and text descriptions into a database.
2. Take some off the shelf photo gallery, wrap the code in a "do while" loop, call the images and text from the database.
Gary
Maybe you are looking for
-
How to give myself permission to delete an application?
I found the application icon in Spotlight, and dragged it to the trash. I got an alert window that told me "Operation cannot be completed because you do not have sufficient privileges for DROD" (where DROD = Deadly Rooms of Death, a strategy game). I
-
Dealing with large volumes of data
Background: I recently "inherited" support for our company's "data mining" group, which amounts to a number of semi-technical people who have received introductory level training in writing SQL queries and been turned loose with SQL Server Management
-
How to store output of SQ01 into internal table.
Hello Experts How to store output of SQ01 into internal table. Thanks, Umesh
-
Hi Expets, I am new to XI. I want to learn XI through webblogs. I saw a blog related to BPM its very nice.. Shall I get list of blogs in XI so that i can spend my time to read these documents. I required blogs for 1. For BPM list of blogs. 2. For dif
-
Hierarchical reporting w/ duplicate children -- fail?
I have a hierarchical report in CR XI displaying a directory structure that is mostly working fine. However, there are some duplicate folder names in various spots in the tree, and they are being grouped together under one of the parent folders inst