- I found a nice javascript gallery : SmoothGallery, here is a sample link : http://www.sgcomercial.org/index.php/galeria/lista/13/1 - nice

- I have learned how to used it and when applying it to my DNN web portals, an error occured @_@:

setting a property that has only a getter (i used firebug and see this).

When i create new web project and test the SmoothGallery, all are OK, but when bring it to DNN, the Mootools and DNN are conflicted. Seem the $() function is the root cause. I have done google a long time but no result.

- Can someone give me any solutions on this problem ? I don't want to remove Mootools in my portals :( :(

- First, thanks you for your reply.

- Actually, the SmoothGallery doesn't have upload file function and any sercurity, it just render my image items to a gallery. All the things i done are:

Add these script and css

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>

...

<script type="text/javascript">
            function startGallery() {
                var myGallery = new gallery($('myGallery'), {
                    timed: false
                });
            }
            window.addEvent('domready',startGallery);
</script>

and then, just feed my image lists to the SmoothGallery (just put each of my images into <div class="imageElement">)

<div class="content">
            <div id="myGallery">
                <div class="imageElement">
                    <h3>Item 1 Title</h3>
                    <p>Item 1 Description</p>
                    <a href="#" title="open image" class="open"></a>
                    <img src="images/brugges2006/8.jpg" class="full" />
                    <img src="images/brugges2006/8-mini.jpg" class="thumbnail" />
                </div>
                <div class="imageElement">
                    <h3>Item 2 Title</h3>
                    <p>Item 2 Description</p>
                    <a href="#" title="open image" class="open"></a>
                    <img src="images/brugges2006/9.jpg" class="full" />
                    <img src="images/brugges2006/9-mini.jpg" class="thumbnail" />
                </div>                      
            </div>
</div>

Done ! A nice gallery (like flash but not flash, just javascript) is made! That's all, i can manage upload file and sercurity in my code behind, just need a good way to display image in the web - SmoothGallery do exactly what i want ! I know that DNN MarketPlace and Snowcovered have alot of GREAT galleries and i want buy one but i'm a stundent and don't have money, so everything are difficult :(.

- Can someone answer my question: Have any way to avoid conflict between DNN and Mootools ? and if have, How to do that ?

- Any help would be appreciate (Sorry for my bad english)