Show/hide lots of layer, image swaps and page size

Hi - I am working on a webpage that requires 39 thumbnails to
show 39 large
images when clicked and to also show some text on mouseover -
take a look.
http://www.redsea.co.nz/lipitor/slidekit.shtml
I have been asked to use scrolling divs to house the
thumbnails and so i
have.
I'm working through the image behaviours (up to slide no. 10
you'll see) and
I'm wondering if there is a better way to do all this. 39
rollover show/hide
layers and image swaps seems very laborious to me, not to
mention the page
is getting far too heavy........
Anyone got any better ideas? (apart from a dynamic page) -
all thoughts much
appreciated.
Also, any other issues spotted around this site please let me
know, I'm
supposed to have this finished by monday am..
Thanks in advance
Karen

Yes, I have a better idea. Use the ShowPic extension from
PVII -
http://www.projectseven.com/,
or even do it yourself with the SetTextOfLayer
behavior in DW -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Either of those would be much better ways, since the page is
not encumbered
with the weight of all of the enlarged images UNTIL you click
on the
corresponding thumbnail.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Karen J" <karen@don'tmailmeredsea.co.nz> wrote in
message
news:eaeto3$758$[email protected]..
> Hi - I am working on a webpage that requires 39
thumbnails to show 39
> large images when clicked and to also show some text on
mouseover - take a
> look.
>
>
http://www.redsea.co.nz/lipitor/slidekit.shtml
>
> I have been asked to use scrolling divs to house the
thumbnails and so i
> have.
>
> I'm working through the image behaviours (up to slide
no. 10 you'll see)
> and I'm wondering if there is a better way to do all
this. 39 rollover
> show/hide layers and image swaps seems very laborious to
me, not to
> mention the page is getting far too heavy........
>
> Anyone got any better ideas? (apart from a dynamic page)
- all thoughts
> much appreciated.
>
> Also, any other issues spotted around this site please
let me know, I'm
> supposed to have this finished by monday am..
>
> Thanks in advance
>
> Karen
>
>

Similar Messages

  • Image swap and restore

    The image swap and restore won't work. I want to have one
    image switch to another when clicked and then get restored to the
    original image when clicked again. It lets me click once, but it
    won't restore the image on another click. I found that when i
    change the behavior (to say, double click) it works. Is there any
    way to have the two images toggle back and forth when i have a
    single click?
    Here is my code:
    <script type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
    Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
    i<a.length; i++)
    if (a
    .indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document;
    n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for
    (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    x=MM_findObj(n,d.layers
    .document);
    if(!x && d.getElementById) x=d.getElementById(n);
    return x;
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
    Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
    if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body>
    <table width="287" height="1200" align="left">
    <tr>
    <td width="279" height="1200" align="left"
    valign="top">
    <p><img src="SearchingClose.jpg" alt="Searching"
    name="SearchingClose"
    onclick="MM_swapImgRestore();MM_swapImage('SearchingClose','','SearchingOpen.jpg',1)"
    /></p>

    On Thu, 3 Aug 2006 12:25:09 +0000 (UTC), "nst_21710"
    <[email protected]> wrote:
    >please help!!!
    With what ? - very many of use use newsreaders to access this
    forum,
    so cannot easily see what the original questions was - so
    many people
    will just go to the next message.
    I suggest you repeat the text of your original question -
    together
    with a link to your website.
    Malcolm
    Malcolm
    webmaster
    http://www.nb-president.org.uk/
    The coal fired steam narrow boat.
    Kildare is now back in the water

  • How to Show Different set of  Blob images in every page

    Hi i am using Crystal Report Server XI RAS Embedded Edition to built Dynamic Reports.
    Now i  have two datasets
    1. Main query with imageid field
    2. list of image blobs.
    this two datasets are linked with imageid  field and binded to ReportClientDocument.
    i have to show different image fields in every page of the report.  this images are differ in width and heights.
    i am able to show a single constant image field object from blob database field.
    but i could not able to find the solution to show different set of multiple images in different pages of the report.
    is there any formulas can be written or kindy give me a solution to achieve this.
    Regards,
    Padmanaban V
    Edited by: Padmanaban Viswanathan on Mar 15, 2010 11:59 AM

    See RAS samples [here|https://wiki.sdn.sap.com/wiki/display/BOBJ/NETRASSDK+Samples]. Look for "NET-CS2003_RAS-Managed_BE115_Add_Image" or "NET-VB2003_RAS-Managed_BE115_Add_Image-From-File".
    Ludek

  • Merge TIFF file Resolution and page size differs. Clue ?!

    Hi All,
    I'm able to merge multiple TIFF files into one. But the resultant multi page TIFF file has different resolution and page size than from the source files. The width and height will get exchanged, also those texts are appear stretched.
    Noteably, it happens particularly with FAX pages of TIFF files, not with any others (like printed page TIFF files).
    can you help me ? Please write here your points.
    Thanks a lot,
    Vasu

    I see I attached the link to the wrong discussion. It should have been this one. Scroll down to the workaround posted by Tomas, from August 26th.
    http://discussions.apple.com/thread.jspa?threadID=1078666&start=0&tstart=0
    Anyway, yes, that's sort of what I mean. On my iWeb 06 website, I've scaled all my pictures down to 800px x 600px with a resolution of 72dpi for online viewing. The original photos, say 3000px x 2000px at 300dpi, are simply saved on my harddrive and not used in iWeb. The thought behind that was for faster loading times for people visiting my website. I'm pretty sure when I saved these reduced copies in Photoshop, the default color profile was sRGB. However, when I look at my site on my office (Windows) PC, the pictures appear dark, especially Black & White ones. But the color profile is a separate issue covered in Tomas' workaround.
    Now, maybe I'm operating on a false assumption, but I thought with this new download feature in iWeb and .Mac Web Gallery you would want to use your photos in full resolution so that when a visitor sees a picture they like, they can download the picture from your site AND could even print it if they so chose. Again, I'm assuming you would use your full resolution photos when you build your site and iWeb would do its own scaling for viewing on the web, but the full resolution photos would be somehow held in reserve for the moment when someone selects 'download'. I'm just concerned that using an unscaled, full resolution photos, would slow down the page building speed so much, that visitors would be too border to bother waiting for the pages to load. Thanks.

  • How to SHOW/HIDE a dreamweaver layer from a flash button?

    I have almost 2 weeks tying to find a solution for this. Please help...
    -How can you SHOW/HIDE an thml-dreamweaver layer from a flash movie button.
    My html layer name is LAYER1, and my FlashMC botton name is FLBOT1
    Now, what is the actionscript that im suppouse to place in the flash button?
    Please respond, Thanks

    Adobe removed Flash Text and Flash Buttons from CS4 for accessibility reasons.  Flash buttons aren't web friendly.  And if you use this approach, you'll need to work in Flash because DW doesn't write Action Script for you.
    That said, you could do something similar without Flash.
    Pure CSS Disjointed Menu Rollovers
    http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
    Pure CSS Disjointed Text Rollovers
    http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
    Show/Hide Layers with DW behaviors:
    http://www.cbtcafe.com/dreamweaver/showhidelayers/index.html
    Walter Zorn's Tooltips
    http://www.walterzorn.com/tooltip/tooltip_e.htm
    FloatBox Demos
    http://randomous.com/floatbox/demo
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.com/blogspot.com

  • Image swap and IE7 in DW CS4

    I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
    When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

    Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
    Can you provide a link to the problem page?
    Mark A. Boyd
    Keep-On-Learnin' :-)

  • Image Swap and Image Map

    Hello,
    I am going through some very rudimentary steps of setting up
    site.
    I have an index page with four simple areas I wish to turn
    into hotspots- I created them as slices in Fireworks then as Image
    Swap rollovers in DW. Now, when I try to apply a hotspot/image map
    to the rollover area, I can get it to link to the appropriate page,
    but it seems to have disabled the rollover/image swap attribute.
    How do I keep both properties enabled? Any suggestions are
    appreciated.

    Can you post a link to the page, please?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Jay S B" <[email protected]> wrote in
    message
    news:eme8i7$6mf$[email protected]..
    > Hello,
    >
    > I am going through some very rudimentary steps of
    setting up site.
    >
    > I have an index page with four simple areas I wish to
    turn into hotspots-
    > I
    > created them as slices in Fireworks then as Image Swap
    rollovers in DW.
    > Now,
    > when I try to apply a hotspot/image map to the rollover
    area, I can get it
    > to
    > link to the appropriate page, but it seems to have
    disabled the
    > rollover/image
    > swap attribute.
    >
    > How do I keep both properties enabled? Any suggestions
    are appreciated.
    >

  • Reduce image quality (and file size)

    Is there a simple way to reduce the quality of all backgroung
    images ? (there are all bitmap images, about 3 MB each of them)
    I imagine that by reducing the image quality, the file size
    will be less huge...
    But I wasn't able to find a way to do that...
    (the option about JPEG quality in project/preferences has no
    effect, because all background images are bitmap... )
    Any idea is welcome !
    Valérie

    Hi Valerie
    I have been doing some research on this -- the issue of file
    size (relating to both .cp and .swf) crops up a lot on this forum,
    so I wanted to find out which were the critical factors relating to
    images.
    My findings show that there are two critical factors:
    -- Slide Properties: Quality (High, Standard, JPEG,
    Optimized)
    -- Format of original image file (used for slide background
    or inserted image object)
    To summarize the results of my testing:
    Slide Quality
    Changing the slide quality from High
    to Standard or JPEG makes little or no difference to the size of
    the .cp file but can *significantly* reduce the size of the
    .swf
    This is an especially useful way of
    dealing with the very large .swf file sizes caused by importing PPT
    slides
    A .swf consisting entirely of
    imported PPT slides with complex backgrounds may be reduced to less
    than 10% of its original size by changing the quality setting for
    each of the slides to JPEG and using a JPEG image quality setting
    of 75%.
    Format of original image file
    For complex images such as photos,
    the best image file format to use is (oddly) .bmp -- although it
    results in a larger .cp file than other file formats (such as .jpg
    or .png), it generates the smallest .swf output.
    The benefit of using the .bmp format
    is less marked if you have set slide quality to Standard instead of
    High, but it can still cut the file size of the .swf output by up
    to 50%
    For slides using a quality setting of
    JPEG, there appears to be no difference in resulting .swf file size
    between .bmp or any other image file format
    A final comment: it is interesting to compare the size of the
    .cp and resulting .swf for different Captivate projects. There is
    typically an assumption that the .swf file will be smaller due to
    compression. However, this is not always the case. For example, I
    tested one project that used High slide quality and images that had
    been inserted from .jpg files -- the generated .swf file was over 4
    times larger than the .cp file. However, when I changed the quality
    setting for all slides to JPEG, the .swf file reduced to less than
    50% of the size of the .cp file.
    I hope this information is helpful -- please contact me if
    you'd like to see the detailed test data.
    Best regards,
    -Matthew Ellison

  • InDesign Transparency Effects - Problems with Image Quality and File Size

    Hello,
    We are experiencing new problems exporting InDesign files to PDF.
    To summarize, though our largest workflow is to create files for offset printing, we also deliver our work to PDF for mounting on a website so our clients can download directly from the web. Our new problem is Transparency Effects, and creating a PDF that will both have a high quality (or resolution), and be a small file size.
    We are working with multiple page documents (24 to 48 pages), and would very much like to work with InDesign Transparency Effects. However, after spending much time testing a variety of PDF types, we are finding there is a radical difference between quality and file size. I was curious if anyone has had these problems, and if there is a simple answer. InDesign is an incredible program that allows us to design on the fly with Transparency Effects, but, if we are going to experience these problems, we will have to eliminate these wonderful tools.
    Can you help me or lead me to information online that will help.
    Thank you,
    Lain

    Please don't post in multiple forums. Your question has nothing to do with the PDF language and specifications, but rather PDF workflow or InDesign. I've responded to your other posting and am closing this thread.
    - Dov

  • How to show current logged in user image in Master Page

    Hi,
    I am trying to show logged in user image next to his name, following this article 
    http://erikswenson.blogspot.in/2011/04/display-user-profile-picture-next-to.html
    I am trying to do this in SharePoint 2013, so i put Reference
    in .Master file & Control in . html file
    Picture is not visible and when i tried to find whether the control has been loaded or not, the control also hasn't been loaded.
    Please tell me, how could i do this?

    This is not that hard to do, simply go into your masterpage (Design Manager) and copy and paste this on the top of the page:
    <%@ Register tagprefix="SPSWC" namespace="Microsoft.SharePoint.Portal.WebControls" assembly="Microsoft.SharePoint.Portal, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    Once that is done, you can now add this:
    <SPSWC:ProfilePropertyLoader runat="server" />
    <SPSWC:ProfilePropertyImage PropertyName="PictureUrl" ResizeToFit="115" ShowPlaceholder="true" id="PictureUrlImage" runat="server"/>
    To the location where you want the image to be shown. If you have a custom HTML page that you built out, just add it the same way. Let me know if you have any questions.
    -G

  • Image quality and report size

    Hello,
    I have a problem in the export to PDF document. I use CR 10.2 with Visual Studio 2005 in a web application.
    My problem is that I have a report of photographies, in wich I need an aceptable image quality. I don´t show the report in an report viewer, I create the report document and export it to PDF sending the memorystram in the http reponse.
    Firstly I see that the PDF document image quality was so bad. Then I checked the report property "Retain original color depth", and the image quality was good, but the PDF size was too big, two photographies of about 2MB(each one) generates a PDF file of about 20MB size.
    I need to send the pdf files to the clients via email, but the files are so big, and if the cllient inserts 10 photographies, the report size would be of about 100MB. Is there any wallkaround to this issue?. Is there this issue fixed in crystal reports XI?
    Best regards

    See [this|Crystal to PDF; thread. As unsatisfactory as the answer may be, it is what it is...
    I believe R&D is looking at this issue, but as an enhancement for a future release of CR.
    Ludek

  • Image dimensions and file size, why the change?

    Here's a Friday puzzler for ya
    I just ran a batch on a couple of thousand orthophoto images (RGB + 1 alpha channel geo-tif) to add some typographic information to the bottom of each image. All the files were saved in PS as flattened, standard uncompressed tif. EVERY image is 10k x 10k pixels. After the process we noticed that the new set of files were consistently smaller than the original images! Not by much mind you, but with this kind of spatially mapped imagery it makes you wonder if we are missing anything:
    before: 720013700.tif = 381 MB = 390,704kb (400,080,750 bytes), size on disk 381 MB (400,080,896 bytes)
    after: 720013700_DRAFT.tif = 381 MB = 390,648kb (400,023,280 bytes), size on disk 381 MB (400,023,552 bytes)
    So my supervisor asks "why"? and that leads me here. I thought about a few answers - 1) pixel values changes for white text take up less space? 2) No geo-tif header information written back to the file (that's a separate step after the PS batch using another app), so we'll know about that one. 3) Bit fairies took the 56kb.
    Any ideas?

    You say uncompressed…  So you didn't select any compression at all during the save of the TIFF files?  If not, white text replacing image data couldn't have changed the size by itself.
    You mentioned geo-tif header information...  Was this header in the file before you opened it with Photoshop?
    I don't really know the internal format of a TIFF file; perhaps Chris Cox can say something about this.
    -Noel

  • Light Table: missing images on certain page sizes

    I have a light table with about 20 images from a D200 on it.
    I go to print it, and all the images show up if I select Letter size paper. If I change the paper size to 13x19, one of the images doesn't show up in the preview of the light table. I thought, "ah, it's just a display/preview anomaly" so I went ahead and printed it. Guess what? That one photo really did drop out.
    Even odder, if I save to PDF, 6 images drop out!
    Anyone else see this? I'm on Aperture 1.0.1.

    Good news. *crosses fingers*
    So far I have not been able to reproduce this in Aperture 1.1.

  • Set printer tray and page size

    hi every body
    i create two reports and i want to print these reports from different printer trays for excemple first report from (upper papaer tray) and second from (lower paper tray)i want all of this automaticaly user can not select tray at runtime print automaticaly goes to set tray by default
    second problum is i create report on legal size when i run report in runtime the page setup shows letter size
    how can i solve these problums
    thanks in advance
    allah hafiz

    Hi Faiz,
    There are 2 places where you need to worry about paper size in your report:
    1. When you design the report, you need to make sure that your report is designed according to the paper size that you would finally print on. For this, you first set Reports properties "width" and "height", and then design your report such that everything fits in this size. This has nothing to do with what physical paper size is chosen by the printer at runtime. This merely ensures that the report will be formatted according to the report width and height that you have set.
    If at runtime, your actual paper size in the printer is different (eg, you design according to legal, but you printer contains letter), you can use the property PAGESIZE in your command line to dynamically change the paper size in your report, and Reports will try to format your report accordingly. Again, this property PAGESIZE does not switch the physical paper in the printer. It only ensures that the report is formatted according to what you specify as width and height.
    2. You want to set the "physical" paper size that the report will finally print on. This is controlled by the printer. In reports, you can control which tray should be chosen, but you cannot control what physical paper size it should print on. This is controlled by the printer. Report will print on the paper size that is present in the relevant printer tray.
    Navneet.

  • Tables and page size

    I can't figure out how to resize a page I am working on and
    how to center tablels. Can someone please help me?

    >I can't figure out how to resize a page
    What's that mean?
    Center tables by selecting the table tag and using the
    Align:Center setting
    from the Property inspector.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "RenoBros" <[email protected]> wrote in
    message
    news:f2huft$ahq$[email protected]..
    >I can't figure out how to resize a page I am working on
    and how to center
    >tablels. Can someone please help me?

Maybe you are looking for