Cool Image gallery effect

I have a thumbnail gallery that opens images of portfolio
pieces I have done. When you click on the piece, I want a larger
image to appear. And I've seen this done with flash, where the
larger image will fill an entire browser. I have built my gallery
in html, with the piece in a cell. Can I even have this flash
effect if I'm using Dreamweaver? or does the whole site have to be
flash? I would love to hear suggestions/ ideas. The site were this
will go is:
http://www.accent-mg.com/
Thanks in advance.
Brad

http://www.flashxml.net/cover-flow.html

Similar Messages

Image Gallery Rollover effect

First Issue: I've dynamically created the image gallery, on
rollover or mouseover i'm using the zoom in effect, on rollout i'm
using the zoom out effect (that will return to the original size).
onrollover
zm = new Zoom(timg);
zm.zoomHeightFrom = 1.2;
zm.zoomWidthFrom = 1.2;
zm.zoomHeightTo = 1;
zm.zoomWidthTo = 1;
zm.end();
zm.play();
It is working fine when the mouse is moved slowly (after
playing the full zoom), if i move rapidly (if i rollout before the
play effect finishes), the image's position will be changed. Please
give me a solution for this.
Second issue: I'm also trying to mask the image. all the
thumbnails will be inside a canvas. How to mask the image with the
sprite and use the zoom effect.
Thanks in advance.

use google to search for "flash tsunami tutorial". specify your actionscript version if needed.

Cool XML image gallery

Hi Everyone,
I've seen a really cool XML image gallery on the followng page: http://www.webbers.co.uk/property/view/id/6407
Does anyone know of a tutorial which may help me create something similar?
Regards.

http://www.flashxml.net/cover-flow.html

Image gallery code won't work

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">

</script>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"></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">

<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>

</table>
<map name="bio_textBbfc725fb"></map>
</body>
</html>
<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";

How can I create a high res image gallery, need to have print res photos for a pressroom section.

How can I create a high res image gallery, need to have print res photos for a pressroom section.

If you want Muse to "pass through" your images and not adjust, compress, crop etc - you need to place your images in the lightbox EXACTLY at the right size, pre-cropped and prepped in Photoshop.
So if your light box is 800x600 the image you're dropping into that must be 800x600 exactly with no effects, rotation etc added to the lightbox frame. This stop Muse fiddling with your images, if they are perfect when inserted and you're not asking Muse to crop, expand, add effects etc. If it's perfect when inserted, Muse SHOULD also leave the resolution alone too, but I have not tried that one, but in theory, it should work.

Need advice/idea about Image gallery

Hello to ALL!!!
I'm trying to make an dynamic image gallery WITH!!! some
active buttons above (for example: BUTTON1 with function "delete"
and BUTTON2 with function "update") a picture and some "dataoutput"
below (for example:Price). So, separate cell must look like:
BUTTON1 BUTTON2
<Image>
PRICE
For implementation this task I have:
1) mySQL database "gallery" with table "test" and columns
"Id", "path to image", "Price"
2) 2 gifs: BUTTON1, BUTTON2
Before my first trying I thought that it's simple, and I've
tried:

<cfquery name="qTest" datasource="gallery">
SELECT * FROM test
</cfquery>
<div id=imagecont>
<cfoutput>
<cfloop query="qTest">
<img src="../Button1.gif />
<img src="../Button2.gif /><br>
<img src="#qTest.path to image#" />
<p>#qTest.Price#</p>
</cfloop>
</cfoutput>
</div>
And it worked normal. BUT!!! Looping had a vertical
direction! And any CSS rules that I've applied to DIV "imagecont"
(weight, height) hadn't any effect.
So, what I've get:
I see all necessary information (on browser), but I don't
know, how to format it with my dreaweawer cs3 and CSS.
And I afraid that I've chosen a "wrong method" (I mean my
code above)
Please, give me some recommendations or advices.
How can i archive my needs?
How to use CSS in div tag, which includes <cfloop>
code. I've also tried to use CSS with structure like:
<div id=a>
<cfoutput>
<cfloop >
<div id=b>
DATA
</div>
</cfloop>
</cfoutput>
</div>
But (div a)'s CSS rule HEIGHT take's no effect on <div
id=b> :(
And what about useful technique for displaying " action
buttons" above each image in dynamic image gallery???
Great THANKS for your answers/comments!!!!

the css attribute you are looking for is FLOAT.
see if something like
http://www.photos-of-laos.org/top-rated.cfm
is
what you are after in general images layout terms. feel free
to check
the generated html :).
re general css knowledge i highly recommend the book
"Bulletproof CSS"
by Mark Grabinski.
re the 2 buttons above the image: consider turning them into
css image
overlays instead (when the buttons appear OVER [not above]
the image
only when a user mouses over) - it looks much better that
way.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

Creating an image gallery

Hi all,
I am trying to work out how to create an image gallery on a
page whereby there is a set of thumbnails to the side and the
relevant large image opens adjacent to the thumbnails when they are
moused over.
I have done this using the hide/show layers function but the
output appears incosistently in different browsers and/or window
sizes. I had in mind some adaptation of the "swap image" behaviour
that would open the swap in a different position? Or alternatively
making the layers approach display consistently?
The layers version of the page can be
viewed
here
Any suggestions or guidance would be greatly appreciated,
thanks in advance,
Graham

On Thu, 1 Feb 2007 15:25:09 +0000 (UTC), "hydroculture"
<[email protected]> wrote:
>I don't know the answer - wish I did, but I have been
using a substitute where
>I click on the thumbnail - which via a hyperlink takes me
to a page where the
>large image appears. Not as neat as what we both want ,
but gets the same
>effect,
If clicking a thumbnail is an option then this is a better
solution -
a free extension from PVII:
http://www.projectseven.com/tutorials/images/showpic/index.htm
Steve
steve at flyingtigerwebdesign dot com

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 in Safari

Hi,
modified the demo image-gallery and finally got it working
for me properly in IE and Firefox. But finally my whole dataset
comes with undefined values in Safari. The gallery is
here
and
here's
the xml. Could anyeno be so kind and have a quick look at it and
maybe give a hint? I'm searching for hours now and don't get
further ...
Best regards,
Sebastian

Well, 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 SAP EP

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,
Christian

Well, 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

ANNC: Image Gallery Magic Now Available

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Want a gallery effect something like...

hey, i am newbie to spry and to javascript.
i want to use this effect(
http://www.iexplorehere.com/image-gallery/11111.html
) in my gallery.
whenever a user clicks on an image in my xml generated
gallery, a new window pops up and background turns black-grey.
i have seen your gallery and in the slideshow, automatically
one image shoots up and is enlarged. i want this function on click
and whenever a user clicks the close button as in the link above,
it should get closed.

Hi,
There is a script out there called Highslide.
I recently came across it myself, and am very very impressed.
It's free for personal use, but chargeable for business use.
I don't have the URL handy, but a google search for Highslide
should do the
trick.
Good Luck
-Dave
"crazyrahul84" <[email protected]> wrote in
message
news:fgueg1$6bd$[email protected]..
> hey, i am newbie to spry and to javascript.
> i want to use this effect(
>
http://www.iexplorehere.com/image-gallery/11111.html
) in my gallery.
> whenever a user clicks on an image in my xml generated
gallery, a new
> window
> pops up and background turns black-grey.
>
> i have seen your gallery and in the slideshow,
automatically one image
> shoots
> up and is enlarged. i want this function on click and
whenever a user
> clicks
> the close button as in the link above, it should get
closed.
>

ANN: Image Gallery Magic 2 Released

The Ultimate Dreamweaver Image Gallery Builder is here.
Image Gallery Magic 2 literally brings your images to life with smooth cross-fading, snappy glides, or elegant Ken Burns style pan and zoom effects. IGM 2 utilizes HTML5, CSS level 3 and advanced PVII DOM Scripting to deliver near broadcast-quality animation that does your images proud. IGM2 is programmed from the ground up by PVII and neither uses, requires, nor is limited by any third-party script libraries. IGM2 installs into Dreamweaver, giving you a fully automated graphical user interface from which you can create and manage your galleries.
Beyond the marketing talk, we are sure you'll agree that the examples speak for themselves.
Home page:
http://www.projectseven.com/products/galleries/igm2/
Live Examples:
http://www.projectseven.com/products/galleries/igm2/examples/demo-01.htm
User Guide:
http://www.projectseven.com/products/galleries/igm2/help/guide.htm
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
Since 1998

Al,
A little glitch: This page:
http://www.projectseven.com/products/menusystems/pmm2/buy-pmm2.htm
says the
upgrade is $60.
Walt
"Al Sparber - PVII" <[email protected]>
wrote in message
news:gibi54$b1b$[email protected]..
>
http://www.projectseven.com/products/menusystems/pmm2/index.htm
>
> When it comes to something as important as site
navigation, make no
> compromise. Make it Pop Menu Magic 2. Automate the
creation and management
> of multi-level or single-level CSS-based menus. Add as
many menus to the
> same page as you like in both horizontal and vertical
orientations.
>
> Full Version: $95 | Upgrade from PMM1: $65
>
> Key Features:
>
> -An automated interface in which to create, configure,
and manage your
> menu
>
> -Insert Multiple menus on a page-either horizontal,
vertical, or any
> combination
>
> -Each menu can use a separate style theme.
>
> -10 style themes included, each one in both a horizontal
and a vertical
> version
>
> -Position flyout menus to the left or right of the root
>
> -Auto center horizontal menus
>
> -Advanced menu positioning options
>
> -Supports image-based links with multi-state swapping on
any menu level
>
> -Supports custom styling for individual menu items or
sections
>
> -Auto and advanced current marking for "you are here"
link highlighting
>
> -Smooth Menu animation options
>
> -Open Sub-menus upwards
>
> -Auto edge detection to keep menus inside the visible
window
>
> -Menu timers to enable normal mouse movement, even at a
diagonal, without
> having the menu snap shut prematurely
>
> -Designed to easily integrate into an accessible web
site
>
> -Search-engine friendly
>
> -PDF User Guide
>
> -Free Unlimited Support
>
>
> --
> PVII
>
http://www.projectseven.com
> Fully Automated Menu Systems | Galleries | Widgets
>
http://www.projectseven.com/go/Elevators
>
>

Muse Image Gallery Widget that works like Itunes 'Coverflow' 3D Flick...

Hi - I am trying to find a Muse widget that is an image gallery but that has an 'Itunes Coverflow' effect where you can flick through 3D images - something like this...please help!
http://www.stepbystep.com/wp-content/uploads/2013/04/How-to-Set-iTunes-to-Automatically-Up date-Songs-on-an-iPod.jpg

Simple html5 image gallery

Hi,
Can anyone point me in the direction of a very simple (need to give this as a tutorial) but effective image gallery which can be added into a html5 website?
Thanks

jQuery Cycle2 is a responsive slideshow plugin that works well in HTML5 doc types.
http://www.malsup.com/jquery/cycle2/
However if what you really want is an HTML5 gallery using <canvas>, then look at the tutorial below:
http://pehaa.com/2012/02/create-your-portfolio-gallery-using-html5-canvas-tutorial/
Nancy O.

Cool Image gallery effect

Similar Messages

Maybe you are looking for