Comments for Uncharted Design - Blog http://www.uncharteddesign.com/blog Just another WordPress weblog Wed, 07 Jan 2009 02:57:44 +0000 http://wordpress.org/?v=2.6 Comment on Mootools smooth scrolling gallery by Jordan http://www.uncharteddesign.com/blog/2008/08/mootools-smooth-scrolling-gallery/#comment-4 Jordan Tue, 12 Aug 2008 22:10:43 +0000 http://www.uncharteddesign.com/blog/?p=10#comment-4 Felipe, this script as it stands will allow x & y scrolling. I just defined my thumbnails to not stretch past a certain width. If you put in larger images etc, it will scroll. To see this, just make a few changes to the css: <code>#myContent img{ border: none; margin: 0; padding: 0; padding-left: 4px; margin-top: 3px; margin-bottom: 3px; /* width: 196px; max-height: 160px; */ cursor:pointer; } #myContent a { border: none; } #myContent a:hover { border: none; } #myContent .inject { /* Display:none; The class "inject" under MyContent is hidden, otherwise it would be displayed along with the thumbnails */ }</code> All I did here was stop hiding the material that would normally be sent to the large div, class .inject. This really isn't a good thing, it just puts my large images into the thumbnail box rather than hiding them. Then I also got rid of my width restrictions on images, so that they could be full size. You will probably want to add an overflow-y: hidden; to the code so as to remove the horizontal scrollbar. Let me know how that works out for you, and cool website. Felipe, this script as it stands will allow x & y scrolling. I just defined my thumbnails to not stretch past a certain width. If you put in larger images etc, it will scroll.

To see this, just make a few changes to the css:

#myContent img{
border: none;
margin: 0;
padding: 0;
padding-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
/*
width: 196px;
max-height: 160px;
*/
cursor:pointer;
}
#myContent a {
border: none;
}
#myContent a:hover {
border: none;
}
#myContent .inject {
/*
Display:none;
The class "inject" under MyContent is hidden, otherwise it would be displayed along with the thumbnails */
}

All I did here was stop hiding the material that would normally be sent to the large div, class .inject. This really isn’t a good thing, it just puts my large images into the thumbnail box rather than hiding them. Then I also got rid of my width restrictions on images, so that they could be full size. You will probably want to add an overflow-y: hidden; to the code so as to remove the horizontal scrollbar.

Let me know how that works out for you, and cool website.

]]> Comment on Mootools smooth scrolling gallery by felipe millan http://www.uncharteddesign.com/blog/2008/08/mootools-smooth-scrolling-gallery/#comment-3 felipe millan Tue, 12 Aug 2008 06:21:17 +0000 http://www.uncharteddesign.com/blog/?p=10#comment-3 Hi jordan, i would like to ask something, i been using the original script to make some experiment and i remember one time o made y and x scroll but i dont remember how i made it, can you tell me how i can mix both script to use X and Y scroll, at the moment im studing a diploma uin web development and i would like to use this script for a project in the schooll. Hi jordan, i would like to ask something, i been using the original script
to make some experiment and i remember one time o made y and x scroll but i
dont remember how i made it, can you tell me how i can mix both script to
use X and Y scroll, at the moment im studing a diploma uin web development
and i would like to use this script for a project in the schooll.

]]> Comment on Mootools smooth scrolling gallery by felipe millan http://www.uncharteddesign.com/blog/2008/08/mootools-smooth-scrolling-gallery/#comment-2 felipe millan Tue, 12 Aug 2008 06:20:39 +0000 http://www.uncharteddesign.com/blog/?p=10#comment-2 Hi, how i can do X&Y Scroll? Cheers Hi, how i can do X&Y Scroll?

Cheers

]]>