HELP!! Thumbnail Gallery Over Mutiple Pages?

Hey guys,
I'm building my first site with Dreamweaver, I want to make a
gallery of thumbnails ( 5x5 on each page) spanning the gallery over
multiple pages. So for example thumbnails 1-25 on page 1, 26-50 on
page 2, etc... the problem is I'll need to be able to update the
gallery and add new images daily to the begginning of the first
page of thumbnails, so the most recent image takes over the #1
spot, and the current #1 thumbnail moves from the first spot to the
second, second to third, third to forth and so on...so the last
thumbnail on Page 1 moves to the first slot on Page 2 ect...
I've seen this setup used on many different sites, so I
assume it's possible. I'm completely new to dreamweaver and I can't
seem to find anything in the help on doing this, So if anyone can
please lend some advice, it would be greatly appreciated.
Thanks alot, Ben

> I'm building my first site with Dreamweaver
Is this your first site with Dreamweaver or your first site?
could make a
big differance. If you have experience with HTML and CS, and
possibly some
experience with data base driven active web sites, you should
be good to go
with learning this kind of thing. If this is your first web
site and you
are also new to Dreamweaver you'll need to understand a
couple of things. In
oder to do the updates you want on a regular basis, there are
several
choices. Do them manually, (in which case the easiest way
would be to
always do 25 updates at a time... one page at a time), get
into creating
some scripting or data base driven pages, change your
concept.
Look into PVII IMG (
http://www.projectseven.com/products/galleries/hgmagic/features.htm
). This
will be the easiest way to create pages of 25 image galleries
and update
them regularly because they do all the work for you.
Or a free less feature rich versioin,
http://www.projectseven.com/extensions/info/show_pic/index.htm
I you are an experienced web developer... my apologies.
"xile2006" <[email protected]> wrote in
message
news:[email protected]...
> Hey guys,
>
> I'm building my first site with Dreamweaver, I want to
make a gallery of
> thumbnails ( 5x5 on each page) spanning the gallery over
multiple pages.
> So for
> example thumbnails 1-25 on page 1, 26-50 on page 2,
etc... the problem
> is
> I'll need to be able to update the gallery and add new
images daily to the
> begginning of the first page of thumbnails, so the most
recent image takes
> over
> the #1 spot, and the current #1 thumbnail moves from the
first spot to the
> second, second to third, third to forth and so on...so
the last thumbnail
> on
> Page 1 moves to the first slot on Page 2 ect...
>
> I've seen this setup used on many different sites, so I
assume it's
> possible.
> I'm completely new to dreamweaver and I can't seem to
find anything in the
> help
> on doing this, So if anyone can please lend some advice,
it would be
> greatly
> appreciated.
>
> Thanks alot, Ben
>

Similar Messages

HELP!! Creating Thumbnail Gallery Over Mutiple Pages??

Hey guys,
I'm building my first site with Dreamweaver, I want to make a
gallery of thumbnails ( 5x5 on each page) spanning the gallery over
multiple pages. So for example thumbnails 1-25 on page 1, 26-50 on
page 2, etc... the problem is I'll need to be able to update the
gallery and add new images daily to the begginning of the first
page of thumbnails, so the most recent image takes over the #1
spot, and the current #1 thumbnail moves from the first spot to the
second, second to third,third to forth and so on...so the last
thumbnail on Page 1 moves to the first slot on Page 2 ect...
I've seen this setup used on many different sites, so I
assume it's possible. I'm completely new to dreamweaver and I can't
seem to find anything in the help on doing this, So if anyone can
please lend some advice, it would be greatly appreciated.
Thanks alot, Ben

Hey guys,
I'm building my first site with Dreamweaver, I want to make a
gallery of thumbnails ( 5x5 on each page) spanning the gallery over
multiple pages. So for example thumbnails 1-25 on page 1, 26-50 on
page 2, etc... the problem is I'll need to be able to update the
gallery and add new images daily to the begginning of the first
page of thumbnails, so the most recent image takes over the #1
spot, and the current #1 thumbnail moves from the first spot to the
second, second to third,third to forth and so on...so the last
thumbnail on Page 1 moves to the first slot on Page 2 ect...
I've seen this setup used on many different sites, so I
assume it's possible. I'm completely new to dreamweaver and I can't
seem to find anything in the help on doing this, So if anyone can
please lend some advice, it would be greatly appreciated.
Thanks alot, Ben

Need help making javascript thumbnail gallery function in javascript tab menu

Hello all,
I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work. It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab. In addition, once I click on the "gallery" tab the other tabs stop showing their content. I feel like I am missing something obvious. But I just can't figure out what. If anyone can help I would greatly appreciate it.
Thanks,
Natalie
Below is the code of my whole page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tour template</title>

<link rel="stylesheet" type="text/css" href="MenuFader/style.css">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
        $(function(){
            $("#tour-button").css({
                opacity: 0.3
            $("#gallery-button").css({
                opacity: 0.3
            $("#page-wrap div.button").click(function(){
                $clicked = $(this);
                // if the button is not already "transformed" AND is not animated
                if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                    $clicked.animate({
                        opacity: 1,
                        borderWidth: 5
                    }, 600 );
                    // each button div MUST have a "xx-button" and the target div must have an id "xx"
                    var idToLoad = $clicked.attr("id").split('-');
                    //we search trough the content for the visible div and we fade it out
                    $("#contents").find("div:visible").fadeOut("fast", function(){
                        //once the fade out is completed, we start to fade in the right div
                        $(this).parent().find("#"+idToLoad[0]).fadeIn();
                //we reset the other buttons to default style
                $clicked.siblings(".button").animate({
                    opacity: 0.5,
                    borderWidth: 1
                }, 600 );
</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">

</style>

<title>Example tour page</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
            document.write('<style>.noscript { display: none; }</style>');
</script>
<link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
<link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">

</head>

<body>
<div id="realtor panel"><table width="100%" border="0">
<tr>
    <td width="18%"> <div align="center"></div></td>
    <td width="82%"> </td>
</tr>
</table>
</div>
<div id="page-wrap">
        <div id="tour-button" class="button">
            <img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
        </div>
        <div id="gallery-button" class="button">
            <img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
        </div>
        <div id="info-button" class="button">
            <img src="MenuFader/images/INFO.png" alt="info" class="button" />
        </div>
        <div id="specs-button" class="button">
            <img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
        </div>
        <div class="clear"></div>
<div id="contents">
    <div id="tour">
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
        <param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
        <param name="quality" value="high" />
        <embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
      </object></noscript>
    </div>
    <div id="property gallery">
         <div id="container">
                <div id="gallery" class="content">
                    <div id="controls" class="controls"></div>
                    <div class="slideshow-container">
                        <div id="slideshow" class="slideshow"></div>
                    </div>
                </div>
                <div id="thumbs" class="navigation">
                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
                            </a>
                       </li>
                      <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
                            </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/apt sign.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt sign.jpg" alt="apt sign" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/entryway1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living1.jpg" alt="living1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/living room2.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living3.jpg" alt="living3" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining1.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/dining1.jpg" alt="dining1" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Dining2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining2.jpg" alt="dining2" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg" alt="kitchen1" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed1.jpg" alt="bed1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/bedroom2.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bed2.jpg" alt="bed2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed3.jpg" alt="bed3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bathroom.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bath.jpg" alt="bath" />
                          </a>
                        </li>
                    </ul>
                </div>
            <div style="clear: both;"></div>
        </div>
    </div>
    <div id="info">
        <p class="style4">Content for info</p>
    </div>
    <div id="specs">
        <p class="style4">This content is for specs.</p>
    </div>
</div>
</div>

<script type="text/javascript">
            jQuery(document).ready(function($) {
                // We only want these styles applied when javascript is enabled
                $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                $('div.content').css('display', 'block');
                // Initially set opacity on thumbs and add
                // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 0.67;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity: 1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected'
                // Initialize Advanced Galleriffic Gallery
                var gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 15,
                    preloadAhead:              10,
                    enableTopPager:            true,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          true,
                    renderNavControls:         true,
                    playLinkText:              'Play Slideshow',
                    pauseLinkText:             'Pause Slideshow',
                    prevLinkText:              '&lsaquo; Previous Photo',
                    nextLinkText:              'Next Photo &rsaquo;',
                    nextPageLinkText:          'Next &rsaquo;',
                    prevPageLinkText:          '&lsaquo; Prev',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 900,
                    onSlideChange:             function(prevIndex, nextIndex) {
                        // 'this' refers to the gallery, which is an extension of $('#thumbs')
                        this.find('ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
</script>
</body>

</html>

Sure thing:
http://www.acresllc.net/TA501001.html

How to make a thumbnail gallery page that'll open individual slideshows?

Hi,
I'm trying to make a gallery of thumbnails for album covers I did, and want for it to open its own slideshow (on the same page / as a typical slideshow pop up) when a person clicks on one so he/she can view the main image and a few more thumbnails on its side for other artwork panels (as well as use the arrows if possible).
Anyone got an idea for an easier way to do this?
Thanks! I'm going insane over this... And it seems like this could be the easiest thing, but somehow I can't find a way...
(idem for B and C and so forth)
=

Hi,
That would seem to be the perfect logical answer. But guess what? I've tried this many times without any luck. I MUST be doing something wrong, but simply have no clue what it is. SO I'll describe every tiny step, and maybe you can see where I'm at fault.
1- I drag & drop a Lightbox display from the the composition folder in the Widget library on a blank page.
2- I delete 2 of the 3 default thumbnails from above the main target/container,
3- I select the remaining whitest thumbnail, go on the FILL option the left corner, and add an image from my files. I choose scale to fit and make it the size I want.
4- I open the Trigger option in the upper left area and do the same for the "Normal" state (as a default, Muse puts it on the "Active" one). Now all my states have the same image. I also remove the stroke and fill color behind.
4- I select the default gray bars with arrows within the CONTAINER below and remove them (simply because I intend to change them with my own design and to make sure I don't stumble on them for the forthcoming steps)
5- I select the TARGET area and then go to my FILL option and change the white area to "no color".
6- I then select the CONTAINER area and change the default back color to an image of my choice (a background that I put at 80% transparency).
7- I re-select the TARGET area and drop a Lightbox widget from the Slideshows folder in the Widget library into the selected TARGET area. I resize it to my liking.
8- I go and click on the upper right option button (white arrow under a blue circle) of this new Lightbox to add the images I want.
9- As predicted, the images appear as they should: One big in the center and the proper amount of thumbnails above. When I click on them, they appear sequentially below also as intented.
10- At this point all should be great and working (I think), so I go in the preview section (and also tried via the Preview in Browser (crtl+shift+e)) and what appears, is my page with the actual thumbnail of the cover (again, as it should). BUT here comes the bug::::
Once I click on it, the Lightbox slideshow pops up, and all shows up but the actual center main image (as well as its default black area behind the image), e.g. what should be the bigger version of the 1rst thumbnail from the series above it. I try to click on the other thumbnails above the invisible image and nothing happens. Actually something does happen, because if I decide to click outside of the of the main image area, ONLY then all fades again and my main image pops up ALONE, everything else fades away! So to get out of there, I have to reclick outside but I'm then pushed back to the main original thumbnail gallery....
So it feels like it sorts of become like a 3rd level thing and this is obviously not what is needed...
Any idea what's problematic?!
Much thanks for having taken the time to read my little novel here! ; )
If this is not quite clear still, I could post a video of all of what I'm doing and the resulting problem.

Help! My Mouse pad is not working properly. The arrow cannot be controlled, it just keeps jumping all over the page. How can I stop this?

Help! My Mouse pad is not working properly. The arrow cannot be controlled, it just keeps jumping all over the page. How can I stop this?

There are several possible causes for this issue. Please take each of the following steps that you haven't already tried until it's resolved. Some may not apply in your case.
1. Follow the instructions in this support article, and also this one, if applicable. A damaged or defective AC adapter could be the cause, even if it's the right kind.
2. Press down all four corners of the trackpad at once and release. If there's any effect, it's likely to be temporary, and in that case the unit must be serviced or replaced.
3. Open the Bluetooth preference pane in System Preferences and delete all pointing devices other than the trackpad, if applicable. Disconnect any USB pointing devices. By a "pointing device," I mean a peripheral that moves the cursor, such as a trackpad, mouse, trackball, or graphics tablet. A plain keyboard is not a pointing device.
4. Start up in safe mode and test, preferably without launching any third-party applications. If you don't have the problem in safe mode, but it comes back when you restart as usual, stop here and post your results. Do the same if you can't start in safe mode. If there was no difference in safe mode, go on to the next step.
5. Reset the System Management Controller.
6. If you're using a Bluetooth trackpad, investigate potential sources of interference, including USB 3 devices.
7. A swollen battery in a portable computer can impinge on the trackpad from below and cause erratic behavior. If you have trouble clicking the trackpad, this is likely the reason. The battery must be replaced without delay.
8. There's a report that a (possibly defective) Thunderbolt Ethernet adapter can cause the built-in trackpad of a MacBook to behave erratically. If you're using such an adapter, disconnect it and test.
9. There's also a report of erratic cursor movements caused by an external display that was connected but not turned on.
10. If none of the above applies, or if you have another reason to think that your computer is being remotely controlled, remove it from the network by turning off Wi-Fi (or your Wi-Fi access point), disconnecting from a Bluetooth network link, and unplugging the Ethernet cable or USB modem, whichever is applicable. If the cursor movements stop at once, you should suspect an intrusion.
11. Make a "Genius" appointment at an Apple Store to have the machine and/or external trackpad tested.

Whenever I try to erace something with the delete button it acts like "tab" and sends me all over the page when all I want to do is erace what I wrote... help!

Whenever I try to erace something with the delete button it acts like "tab" and sends me all over the page when all I want to do is erace what I wrote...How do I fix this?

Whenever I try to erace something with the delete button it acts like "tab" and sends me all over the page when all I want to do is erace what I wrote...How do I fix this?

Thumbnail Gallery postition

I'm getting there lol. Got a thumbnail Gallery but the thumbnails are below the main images. Any idea how to level the thumbnails to the top next to the main image please? Also confused as to how Iget the text centered beneath the main image. Link below. Thanks for any help.
http://bajor.servers.rbl-mer.misp.co.uk/~sunridge/photob.htm

Perhaps this approach might help: Mouse Over Photo Presentation. Instead of having just two of these lines
<a class="photo" title="Image1"> <img class="mini"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
alt="1" /><img class="big"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
/>
between the <p > and </p > tags you would put three. This method only requires to have one image as the same image is used for both the thumbnail and the large version. Another example of it can be viewed on this test page: Page 5.
OT

Thumbnail Gallery

Hi everyone, I am trying to set up a thumbnail gallery to open a larger image in a window on the same page when clicked and I was wondering if anyone could help me with a few tips on where to start. I have all my "thumbnails" and "Larger images" all ready to go but I have no idea how to link them.
Many thanks in advance for any help,
Samantha.

Perhaps this approach might help: Mouse Over Photo Presentation. Instead of having just two of these lines
<a class="photo" title="Image1"> <img class="mini"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
alt="1" /><img class="big"
src="URL TO IMAGE ON SERVER" width="100" height=”75"
/>
between the <p > and </p > tags you would put three. This method only requires to have one image as the same image is used for both the thumbnail and the large version. Another example of it can be viewed on this test page: Page 5.
OT

Problems with Flash thumbnail gallery

Hi there,
I am an artist trying to remake my website...I have a picture of a window on my homepage. The window is a movie. When clicked on, the window lights turn on and a grid of thumbnail pics appear. Each thumbnail is a movie clip. When a thumbnail is clicked on, the movie plays and a larger image appears over the window. The problem is, the window is still active underneath the large image, so if I click on the large image, I am really clicking on the window movie clip underneath, and the thumbnail grid disappears-starting the window movie clip over. How do I make the window clip inactive after it is initially clicked?
Also, I would like the larger images to end their movie clips after another thumbnail is clicked, so that there aren't large images piled up on top of each other.
Is there anyone that can help?
Thanks in advance!!

Hi again,
First off, thanks so much for your continued help...
So, I changed my design a little and format. Now I'm using as3, with Flash CS5.
My thumbnail gallery is still based on the same concept, I want a movie clip of a window to be clicked on that reveals a thumb grid, but now the thumbnail gallery should appear over the window, and the large portfolio images appear in the blank space to the right. I followed a tutorial for the gallery, here's my code on the main timeline:
import flash.events.MouseEvent;
btn1.addEventListener(MouseEvent.CLICK, GetFirstImage)
function GetFirstImage (evt:MouseEvent) {
          gotoAndStop("pic1")
import flash.events.MouseEvent;
btn2.addEventListener(MouseEvent.CLICK, GetSecondImage)
function GetSecondImage (evt:MouseEvent) {
          gotoAndStop("pic2")
import flash.events.MouseEvent;
btn3.addEventListener(MouseEvent.CLICK, GetThirdImage)
function GetThirdImage (evt:MouseEvent) {
          gotoAndStop("pic3")
But now I don't know how to go about adding in the initial movie clip of the window (which when clicked should light up and fade into the thumbnail grid) Right now I just have the gallery set up. How do I set up a movie that contains my gallery?
Sorry if the question is redundant, but as you know, I'm new to actionscript.
Thanks!

Cycle images in a thumbnail gallery

Hi, I'm very new to HTML, so please bear with me. I'm
currently using a "Thumbnail Gallery" style page for my online
portfolio (when the cursor hovers over a thumbnail the image pops
up to the left of it) Here's a link:
Portfolio
What I'm wondering is, would it be possible to cycle through
several images, when the cursor hovers over a Thumbnail (instead of
just one image for each thumbnail)? I'm thinking of showing several
views of a single model in my 3D section.

You could try and combine the code with a slide show like
this one...
http://www.lisajaynedann.co.uk/
If you are not confident about trying to combine the code (I
wouldn't be!) then you could have the page as you have it now, but
require the users to click each thumbnail, instead of hovering to
select the next slide show. By clicking each thumbnail would link
to a new page, carrying the separate slide show.
You could also try and find a script that follows a link on
hover rather than having to click.

Thumbnail gallery of videos

Hello
I want to get first frame from video file without playing it, and convert this frame into image while uploading video file from JSP page.The requirement is to have a thumbnail gallery of videos; the user can select any thumbnail and that video should get played above the gallery on the same page.
Kindly help me in figuring out how to get the first frame of video without playing it? Thanks

For those following along, I found that Adobe Flash CS3's FLV Player component works well, and is FAR less complicated than all the other solutions I found. I'm still working on getting it to behave exactly as intended, but it's definitely the easiest and most successful solution so far.
At this point, I have the embedded clips that display right away (despite not being fully loaded)... so you don't have blank spots, like non-progressive clips would do while they are loading. They also allow you to hit play even while they are still loading. So, all that is very good... The only issue now is the clips download regardless of whether you hit play or not... so all clips on the page will be downloading when you enter the page (causing a possible bottleneck, plus downloading all that data, regardless of whether it's needed or not).

How can I take a very large gif and print it over many pages?

I have a gif image that, if printed, comes out all compacted (read: much too small) on one page. It is so small that it cannot really serve as a poster that I want to hang in my classroom.
My desired result is to take the image and somehow split / divide it so that I can print it over multiple pages, and the image be properly sized, which I can then connect to make a poster.
Any ideas how to get this done with Fireworks?
Thanks all! :-)

Illustrator is good for this. Its Print dialog allows for page tiling with adjustable overlap and includes a thumbnail preview.
You can print from Fireworks, but it relies on the native print options of your operating system, which may or may not allow you to print a single image across multiple pages.

Using xml within thumbnail gallery

I'm creating a portfolio of websites I have designed.
I have it working with classic ASP & XML, but want a
Flash version too.
So far:
1) I have a sliding thumbnail gallery working in Flash MX
(using AS2) whereby clicking on thumbnails loads in a larger view
of the image. These images are screenshots of the websites.
2) I have loaded an xml file which contains locations of
thumbnails & larger images, as well as URL of each website, and
some text to describe each site's content. I am able to loop
through the xml to retrieve the data I need for each site.
I would now like to merge the 2.
i.e. click on thumbnail to slide in the larger image, and
dynamically add the URL and text descriptions for each site.
Can someone just point me in the right direction... I'll then
try to fill in the blanks, and post again with more specific
queries if needed.
Thanks.

Hi,
It would be helpful if you added a new unique identifier field to your collection to ensure that the correct record gets updated. In the discussion below, I am assuming you have a collection named Col1 with columns ID, ImageURL and Description.
ImageURL points to the images that get displayed in the gallery. The text in Description is bound to the input text box (named Text1) instances.
Now, set the Behavior > OnChange property of the input text box to: UpdateIf(Col1, ID=ThisItem!ID, {Description:Text1!Text}).
Whenever the input text is changed and you shift focus by clicking anywhere else on the canvas, the OnChange rule gets executed and your collection will be updated with the new text.
Thanks
Robin

Firefox has a million pop ups and takes over the page im looking at

When im doing anything with firefox (ex search, reading a page, watching movie) i will get a million pop ups. some are there own pages in the background and most will open in new tab on page. it will take over the page im on and i will be stuck closing everything out to my desk top and re opening a page. i have the pop up blocker on but doesn't do anything.I am using a mac. the browser is pretty much useless at this point and this is the longest i have been on a page in weeks.

You get tabs opening endlessly if you select the Firefox program to handle a file when you get an "Open with" dialog.
*https://support.mozilla.org/kb/Firefox+keeps+opening+many+tabs+or+windows
Rename (or delete) the mimeTypes.rdf file in the Firefox profile folder to reset all file actions.
*http://kb.mozillazine.org/mimeTypes.rdf
*http://kb.mozillazine.org/File_types_and_download_actions#Resetting_download_actions
You can use this button to go to the currently used Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)

Printing using Mail - Vertical printing over several pages error

Hi All.
Wonder if anyone can help here?
When I want to print any email from Mail, for some odd reason the email gets spread out over several pages or more depending on the size of the email. The text is printed in one vertical line consisting of one letter per line, like this:
t
h
i
s
i
s
h
o
w
I have to copy and paste each email into text edit and print from there.
If anyone can help, that would be great.
Cheers
Steve
G4 Mac OS X (10.3.9)

Hi All.
Wonder if anyone can help here?
When I want to print any email from Mail, for some
odd reason the email gets spread out over several
pages or more depending on the size of the email. The
text is printed in one vertical line consisting of
one letter per line, like this:
t
h
i
s
i
s
h
o
w
I have to copy and paste each email into text edit
and print from there.
If anyone can help, that would be great.
Cheers
Steve
G4 Mac OS X
(10.3.9)
Hi Steve,
I have the same problem with the text in Mail printing very narrow like what you described. Did you ever get a resolution to the problem?
It seems like it was never answered in the forum replies.
Hope you can help out if possible.
Danny

HELP!! Thumbnail Gallery Over Mutiple Pages?

Similar Messages

Maybe you are looking for