GollyGolly.com » Snippets | Code http://www.gollygolly.com Shout Golly! a dozen times fast. That jumble of sounds your mouth begins to make is the humor that has become GollyGolly.com, a site about all my favorite things. Shopping, Quotes, Reviews, Movies, TV, Family, Humor, Parenting, Art, Photoshop, Wordpress, Photography, Inspiration. Wed, 29 Oct 2008 04:59:59 +0000 http://wordpress.org/?v=2.5 en Highslide JS :: View topic - PHP code for browsing a folder http://www.gollygolly.com/2007/02/10/highslide-js-view-topic-php-code-for-browsing-a-folder/ http://www.gollygolly.com/2007/02/10/highslide-js-view-topic-php-code-for-browsing-a-folder/#comments Sat, 10 Feb 2007 10:23:17 +0000 Golly Admin http://www.gollygolly.com/2007/02/10/highslide-js-view-topic-php-code-for-browsing-a-folder/ Need thumbnail creation script, images in a folder.
Highslide JS :: View topic - PHP code for browsing a folder
< ?php
if ($handle = opendir('images')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
echo "
<a href='$file' onclick='return hs.expand(this)' class='highslide'>
<img src='thumbnail-creation-script.php?src=$file' alt=''/>
";
}
}
closedir($handle);
}
?>

]]> http://www.gollygolly.com/2007/02/10/highslide-js-view-topic-php-code-for-browsing-a-folder/feed/ Highslide JS :: View topic - flash objects http://www.gollygolly.com/2007/01/18/highslide-js-view-topic-flash-objects/ http://www.gollygolly.com/2007/01/18/highslide-js-view-topic-flash-objects/#comments Thu, 18 Jan 2007 09:55:59 +0000 Golly Admin http://www.gollygolly.com/2007/01/18/highslide-js-view-topic-flash-objects/ The solution appears to be setting wmode to transparent in the flash markup. This has to be done for both the object/param and embed tags. This is new knowlegde to me, but in the future I will try to do this automatically in Highslide so that the web designer doesn’t have to think about it.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/flash/swflash.cab#version=6,0,0,0"
width="300" height="250" id="Flash" align="">
<param name="movie" value="Flash.swf">
</param><param name="quality" value="high">
</param><param name="bgcolor" value="#FFFFFF">
</param><param name="wmode" value="transparent">
 
<embed src="Flash.swf" quality="high" bgcolor="#FFFFFF" width="300"
height="250" name="Flash" align="" wmode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</param></object>
Highslide JS :: View topic - flash objects

]]> http://www.gollygolly.com/2007/01/18/highslide-js-view-topic-flash-objects/feed/ CSS Tip: Preloading Images With CSS http://www.gollygolly.com/2007/01/12/css-tip-preloading-images-with-css/ http://www.gollygolly.com/2007/01/12/css-tip-preloading-images-with-css/#comments Fri, 12 Jan 2007 11:08:05 +0000 Golly Admin http://www.gollygolly.com/2007/01/12/css-tip-preloading-images-with-css/ Image Preloading

CSS Tip: Preloading Images With CSS
First, let’s create a class with display set to none and add it to the HEAD section of the home page:

<style type="text/css">
.hiddenPic {display:none;}
</style>

Next, we’ll add image tags for our puppy pictures to the bottom of the home page. Always place them at the bottom of the page! If the visitor is at the home page, you certainly want it to display as quickly as possible. Let the browser display the home page and its images before it starts trying to retrieve the images for the next page.

<img src="poodle-puppy-Clara.jpg"
alt="Clara at 8 weeks" title="Clara at 8 weeks"
height="350" width="350" class="hiddenPic"/>
 
<img src="poodle-puppy-Kenny.jpg"
alt="Kenny at 10 weeks" title="Kenny at 10 weeks"
height="350" width="350" class="hiddenPic"/>
 
<img src="poodle-puppy-Aiko.jpg"
alt="Aiko at 6 weeks" title="Aiko at 6 weeks"
height="350" width="350" class="hiddenPic"/>

]]> http://www.gollygolly.com/2007/01/12/css-tip-preloading-images-with-css/feed/ Photos in captions http://www.gollygolly.com/2007/01/12/photos-in-captions/ http://www.gollygolly.com/2007/01/12/photos-in-captions/#comments Fri, 12 Jan 2007 11:02:00 +0000 Golly Admin http://www.gollygolly.com/2007/01/12/photos-in-captions/ Highslide - extra photos in captions, click to enlarge in same window.

<a href="my-image.jpg" onclick="hs.expanders[hs.getWrapperKey(this)].content.src=this.href; return false">Change picture</a>

]]> http://www.gollygolly.com/2007/01/12/photos-in-captions/feed/