Thumbnail images, bigger images and some text PROBLEM

Unclear title, with an unclear problem.
What I'm wanting to do is, when I click on a thumbnail image, I want the content in the DIV on the right to change accordingly to display the image and information relating to the thumbnail you have just clicked. I'm using Dreamweaver CS5 on MAC:
- I have a page split into 2 vertical columns. On the left I have 6 thumbnail images in their individual DIVs, wrapped all together in another DIV container
- on the right of the page I have assigned a large DIV to display a big image with a description underneath of what the project was etc...
I know you can attach a behaviour to the thumbnail to change the big image on the right, but I have a short paragraph of text below the big image too, and I don't particularly want to make the image and text one huge image. I want to keep the text, text.
How do I do it? Is this a simple thing? or is there a lot of coding to do this with JQuery or Javascript or something? Is there something to do with Data record sets involved?
Is there a way of doing it that when you click on the thumbnail that it can load the relevant image and text into the DIV on the right?
Sorry if it's not clearly explained, not sure how to do it, therefore not sure if I'm describing it properly.
As always, all help and advice very welcome.

Hi Murray,
Here is a screenshot of the page in question.
- On the left are the thumbBox DIVS, (shown here, "thumbBox1")
- On the right there is a main container, "galleryDisplay"
- Within "galleryDisplay" there is a DIV for the large image, "galleryDisplayImage", and another DIV to display a paragraph of information on the project, "galleryDisplayInfo".
Just to repeat, I want that when you click on the "thumbBox1", that the content of "galleryDisplayImage" and "galleryDisplayInfo" change in accordance to the thumbnail clicked.
Murray *ACP* wrote:
The easy way to do this is to have each click on the thumbnail change the display Property of a container (containing both the image and the caption) from "none" to "block".  In the column on the right, just line up a series of divs, each containing the desired image+caption, and use DW's Chage Property behavior on a null link surrounding the thumbnail.  For example, a thumbnail image:
<a href="#" onClick="MM_changeProp('image-caption1','','display','block','DIV'); return false"><img src="path_to_thumb.jpg" width="165" height="50"></a>
Each click on a thumb would also have to change the display Property of all other image-caption containers to "none".
I don't understand what I have to do with the relevant large image and text. You say to "line up a series of divs"... I don't understand. Where do I "store" the image and text combinations for each project? I can understand how an image can be loaded into the image div, but how and from where do I load in the html text with css applied into the info div?
Can I change the content of 2 separate divs from one click?
Sorry for not being overly clear, but I can't get my head round this.
Thanks for your help. I'm sure I'll get there in the end with your expertise.

Similar Messages

  • So I have been creating a logo for my company and it came out great. The problem is, when I format it for PNG or when I want to use it on freshbooks or my webpage, the image becomes blurred and the text is not as clear. How do I fix this?

    So I have been creating a logo for my company and it came out great. The problem is, when I format it for PNG or when I want to use it on fresh books or my webpage, the image becomes blurred and the text is not as clear. How do I fix this? Is it because the text get shrunk?

    This is how it looks on adobe illustrator

  • Some Artwork images are shown and some are not, in Finder ???

    I scan the CD Cover of my music CD that I put in my iTunes (all with the same scanning setting; size, resolution, JPG...). When I go in the saved folder (Album Artwork) in Finder, some images are shown and some are not (even in Cover Flow), for those who are not, they only show a default image of a little boy with JPEG written in the center. When I go in iTunes, the image Artwork are OK, it's only in Finder that some are shown and some are not. In Finder, when I click for more info on the file, all the info seem OK and I see the preview image as it should. The bug is only in Finder.
    What is the problem, and how can I fix that ???
    Thank's

    Buz,
    If you select one of the images for which you can't see the thumbnail, Control + Click and select "Get Info". Can you see the thumbnail Preview in that view (Expand it if necessary)? What are the Sharing & Permissions at the bottom?
    Chris

  • Hello guys my i phone touch is not working on edges and some touch problem and it is not taking too much time too respond it is purshecd in kuwait can i get replace in india

    hello guys my i phone touch is not working on edges and some touch problem and it is not taking too much time too respond it is purshecd in kuwait can i get replace in india it is i phone 4s

    saikumar3 wrote:
    ...it is purshecd in kuwait can i get replace in india it is i phone 4s
    No, warranty is not International and is only valid in country of purchase.

  • How do I get flash to stop looping? (And some other problems too)

    I'm brand new to flash so cut me a little slack... 
    I'm in the middle of building a website in Flash CS4 in Action Script 3.0 and (according my the tutorial I'm using) I need to access the "parameters" panel. The problem is I don't see it anywhere. I see "properties" and "filters" but to parameters. I've cycled through all the workspace presets but with no luck. How can I bring it up??
    Also, even though I used the "stop();" code in the beginning of my actions frame my movie just keeps looping when I test it. What am I doing wrong?
    I've attached the file I'm working on, maybe there's some other problem as well..?
    Thanks in advance..

    to see the parameters panel drag a component (like the flvplayback component) onto the stage.  a parameters panel should appear.
    if you have no compiler errors and your swf plays past a stop(), you have other code that's executing after the stop() causing your timeline to advance.

  • Upgraded to Adabe 10.1x reader and drag and drop text problems

    I cannot drag and drop text from my saved PDF files to word files or for example, into online forms since upgrading to Adobe new reader version today. How can this problem be resolved?

    So after a month of trying to figure all this out I FINALLY fixed the problem!
    Before you do anything just go to your destop > right click personalize (this is for windows 7 - might be different for XP; I honestly forgot, but same idea) > find "window color" > select "advance appearance settings
    (I think can be found by just typing "window color and appearance" in the search from the start menu).
    Finally select "active title bar" (If the font is SEGOE UI, then following the link is the best thing to do; IF ITS NOT, I would think you can just follow the same steps and modify accordingly to how you want your fonts to look in iTunes). http://answers.microsoft.com/en-us/windows/forum/windows_7-desktop/how-to-change -system-default-font-in-all-parts/dfce15db-7337-420a-a42e-517521a8502e
    Hopefully this helps!!! Worked for me!

  • 4S Touchscreen, Orientation and Speak Text problems?

    Hello my Fellow Nerds and/or iPhone lovers,
    I have been having a number of problems using my touch screen on the iPhone 4S and I'm not sure if it's directly a hardware problem or simply I don't know how to use it. It seems as though when I make an attempt to select a single word and make the desired edit that more or less text happens to get selected. Same problem with paragraphs or other amounts of text as well that I am not able to select what I wish.
    The main areas I've been using that feature is in Notes app, email messages and places just like here where I'm editing the text as I make my post. In The Notes App I don't know why but sometimes I'm getting a keyboard when I don't want it and sometimes I can't seem to correctly edit the text.
    Just checking to see if anyone out there has had similar problems as well. I think this has something to do with the iOS 7 upgrade or simply that I don't know how to use my iPhone. I have just recently started using it much more for editing text. Maybe it's simply that I need a refresher on the screen use and editing text so if you happen to know a good Apple webpage or another link just let me know about that if you could.
    My other issue that's ongoing that the screen orientation is flipping when I don't have the phone in that position. Again I think this is something to do with iOS 7 but perhaps not since is a new issue and I have never had problems with that in the past.
    Part of the editing/screen orientation is related also to do with speaking text. Once text is selected, I don't always get the speak text button or when I try to touch the button it barfs out on me going through the small menu that you navigate.

    Hello hrenshaw0128,
    Texting is one of the most common forms of communications in today’s society. I can certainly see the value in having text messages working at all times! Hopefully, you will reconsider canceling your parents' service as we can partner together and resolve your messaging issues. I have a few questions to ask you in order to get clarification on the issue. What software version do you have on your Droid Incredible? Are you getting any error message(s) when trying to send or receive a text? What city and state are you located in? Below are a few troubleshooting steps for you to try on the device.
    Check to ensure that you have the current software on your device.
    Remove any unused apps from the device to free up device memory.
    Delete your signature on your device if you have one.
    Remove any 3rd party messaging apps.
    Erase long threaded text messages from the text inbox.
    Perform a factory reset on the device. (See link below)
    http://support.verizonwireless.com/clc/devices/knowledge_base.html?id=30946
    If you decide to perform a factory reset then it is encouraged to back up your contacts and calendar entries. Backup Assistant is an excellent app to store your contacts and calendar entries can be saved on your Gmail account. Also, be sure to save all of your music, pictures, and videos on a memory card prior to the reset. Once the device has been reset to it's factory state, there is a brief tutorial on how to reactivate and setup the device. After the completion of this tutorial, please test all voice, data, and text services. If you have any additional questions or concerns then feel free to reply to this message.
    Thank you...
    ArnettH_VZW
    Follow us on Twitter @vzwsupport

  • List and justified text problems

    I'm creating a PDF that uses justified text for all paragraphs and centered headers. One of the problems I'm having is that if the last sentance in a paragraph contains just a few words, it ends up far to spaced out. It ends up looking rediculous, in extreme cases there is a word against the left margine and one against the right margin. How do I limit the space allowed between words?
    Second, how do I creat a numbered list without it indenting the left margin of the paragraph that comes after each number? I need the number to be indented, just as you would indent the first sentance of a paragraph, but the rest of the justified text needs to have the same left margin as the non-numbered paragraphs.
    Third, how do I keep the space between the number and the text the same with justified text? As it is now, it changes to acount for the number of charicters in the line of text. I aso need to keep the distance for number to left margin the same, I'm just pressing the tab button twice right now. I'm not using the list function right now because of the margine issues, I'm just including the number in the text.

    1. To prevent the last line of text from spacing out, make sure you use a hard return at the end of the last sentence in the paragraph. That marks it as the end of a paragraph, and Buzzword won't try to justify the last line of what it recognizes as a paragraph.
    2. You can use the ruler to adjust the indents and margins for paragraphs. For more details, open up the Help documentation, click on Buzzword tips (it's under Using Buzzword on the left), then click on Editing, then select the first item -- How do I create indents. It's a little tricky, but I think that you'll find that it provides the control you're looking for. Note that when you're adjusting the formatting of list paragraphs, all paragraphs in that list that are at the same list level will have the same paragraph formatting.
    3. I think that if you use the paragraph formatting (via the ruler, as noted in #2) and the list functionality, the problem of the inter-character spacing will go away.
    Hope this is helpful!

  • Launchpad and some graphics problem

    Today I installed Python program and then a few hours later I am suddenly discovering problems with the graphics. There seem to be some lag with the launchpad (I see lines as the page is forming and the icons seems to be jumping) and some graphics like opening a few window etc. I have never had this problem before. It all started when I tried to open COMSOL multiphysics, the screen went blue and then all this started. All graphics is now a bit jumpy. 
    How do I fix this problem?

    Highly recommend that you read, reread and understand the consequences and then follow the directions as presented on X Lab
    http://www.thexlab.com/faqs/stopspotlightindex.html
    That is before you follow some of the directions you find on some of these discussions. Even mine.

  • Firefox is failing to display many (but not all) images on websites that I visit, some images are shown and some are not even if they are in the same format.

    I recently changed my ISP because I was having connectivity issues. In particular my router would shut down sporadically. As part of my attempt to clear issues I ran some spyware software which I've been told I could trust. Since then I have a problem viewing many websites as many (but not all) of the images are missing, even on websites that I know very well, including my own. What is very strange is that on one site every page has a jpg image under the navigation bar and all of these jpg's appear except one which doesn't appear even when I reload images. This problem also makes security sensitive sites like my bank site look very amateur which frightens me. The problem does not occur on other web browsers.

    Which ''spyware software'' software did you run?
    Make sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Windows Accessibility settings.
    *http://kb.mozillazine.org/Website_colors_are_wrong
    *http://kb.mozillazine.org/Websites_look_wrong
    *Check the permissions for the domain in the current tab in "Tools > Page Info > Permissions"
    *Check that images are enabled: Tools > Options > Content: [X] Load images automatically
    *Check the exceptions in "Tools > Options > Content: Load Images > Exceptions"
    *Check the "Tools > Page Info > Media" tab for blocked images (scroll through all the images with the cursor Down key).
    If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.
    There are also extensions (Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images.
    *https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
    *http://kb.mozillazine.org/Images_or_animations_do_not_load

  • Safari 5 don't print jpg images in Windows and prints with problems in Mac

    Hi All,
    When I try to print images in Safari (Windows) it will print blank page.
    This is sample source:
    <html lang="en-US">
    <body>
    <im g src="http://img185.imageshack.us/img185/4651/wefwefwe.jpg">
    </body>
    </html>
    This is ok in Mac.
    Also in Mac When I'm printing image in Landscape it print image in 2 pages.
    Image really fits in landscape mode and there is no need for second page.
    I thought that the problem is margins..., but changing them do smaller values doesn't help.
    Can someone help out?

    Hi, I also have the same problem that cannot print preview on .jpg image.
    When I try to change image to .png , it work.
    It's this safari5 bug?

  • Vector image becomes pixelated and distorts text

    This is an issue that is driving me nuts!  I have a vector image created in Illustrator that I am placing in InDesign with an opacity setting.  When I print it to a PDF the text (and anything created in InDesign) that is over the image and the image itself become pixelated.  In InDesign in displays perfectly but something is happening in the conversion to PDF that is screwing up the file.  It displays and prints pixelated.  Any help would be GREATLY appreciated!
    Thanks so much!

    Hey Nik-
    I think I fixed it but fill me in.  The text is on a seperate layer above the image. I am printing to a PDF, is exporting better?  I just changed the transparency flattener to High resolution when i printed to a PDF it is now displaying and printing properly in Acrobat.
    Is that the best way to do this to ensure when I take it to a printer it will come out clean?
    Thanks!

  • Some Text problems

    I'm trying to create an Arabic-based language Advertisment . But  there is a mess in typed text.How can i fix it?
    it's must be just like this :    به نام خداوند بخشنده مهربان
    but my text became just like below:

    Hi there
    Hmm, I'm not sure if you are referring to the Typing Text Text Animation or if you are meaning what happens when you capture while typing. Or maybe even something else entirely.
    If by some chance the text is just static on the page, I suppose you might consider creating an image that has the text as you wish to see it, then drop that on the Captivate slide.
    Other than that, if things aren't behaving, please consider submitting a Bug Report.
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • Multipart/form-data using HTTPService, sending a binary file and some text in the same request.

    Hi There,
             I am new to FLEX and also new to writing a client for a web service.
    My question is more about flex (Flash builder 4.5) APIs, what APIs to use.
    I want to access a web service, that's published here.
    https://build.phonegap.com/docs/write_api
    here is the description of webservice
    ===========
    1) I have to do a post on POST https://build.phonegap.com/api/v1/apps
    2) content type has to be "multipart/form-data"
    3) JSON bodies of requests are expected to have the name 'data'
      data will be someting like this
    'data={"title":"API V1 App","package":"com.alunny.apiv1","version":"0.1.0","create_method":"file"}'
    4) include a zip file in the multipart body of your post, with the parameter name 'file'.
    ===========
    I want to make a 'multipart/form-data' Post and send
    one string and one zip file.
    My first question to self was If i send both string + binary data in the body ...
    how will server understand where string end and where zip file starts?
    Then read on W3.org( http://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.2 )
    How is text + binary data can be sent through "multipart/form-data" post requst.
    there has to be some boundries.
    After this I read and example in flex and  tried following it.
    http://codeio.wordpress.com/2010/04/03/5-minutes-on-adobe-flex-mimic-file-upload-for-in-me mory-contents/
    but it doesn't seems to be working for me.
                        public function createNewApp(cb:Function , appFile : File):void
                                  var service:HTTPService = new HTTPService();
                                  service.url = ROOT+"apps";
                                  service.showBusyCursor = true;
                                  service.addEventListener(ResultEvent.RESULT, function(e:ResultEvent):void {
                                            //translate JSON
                                            trace(e.result);
                                            var result:String = e.result.toString();
                                            var data:Object = JSON.parse(result);
                                            cb(data.link);
                                  service.addEventListener(FaultEvent.FAULT, defaultFaultHandler); //todo : allow user to add his own as well
                                  authAndUploadNewApp(service,appFile);
                        private function authAndUploadNewApp(service:HTTPService,appFile : File):void {
                                  var encoder:Base64Encoder = new Base64Encoder();
                                  encoder.encode(username + ":"+password);
                                  service.headers = {Accept:"application/json", Authorization:"Basic " + encoder.toString()};
                                  service.method ="POST";
                                  var boundary:String = UIDUtil.createUID();
                                  service.contentType = "multipart/form-data; boundary=—————————" + boundary;
                                  var stream:FileStream = new FileStream();
                                  stream.open(appFile, FileMode.READ);
                                  var binaryData:ByteArray = new ByteArray();
                                  var fileData : String = new String();
                                  stream.readBytes(binaryData);
                                  stream.close();
                                  fileData = binaryData.readUTFBytes(binaryData.bytesAvailable); // I think this is where I have problem.... how do
                           //how do i converrt this bytearray/stream of data to string and send it in my post request's body - i guess if this step work rest should work..  
                                  var params: String = new String();
                                  var content:String = "—————————" + boundary + "nr";
                                  content += 'Content-Disposition: form-data; name="data";' + '{"title":"ELS test app 2","package":"com.elsapp.captivate","version":"12.3.09","create_method":"file"}' + "nr";
                                  content += "—————————" + boundary + "nr";
                                  content += 'Content-Disposition: form-data; name="file";' + fileData  + "nr";
                                  content += "—————————–" + boundary + "–nr";
                                  service.request = content;
                                  service.send();

    In the past I have used URLVariables with URLRequest and URLLoader to achieve this kind of requirement.
    Check out http://livedocs.adobe.com/flex/3/html/help.html?content=17_Networking_and_communications_3 .html which should be useful. My preference has always been to use this style instead of HTTPService objects, giving you a little more control which is what you need here.
    Let me know if you need any more assistance.

  • Error while registering JDBC and some more problems (11g)

    Hi there.
    I'm new here and using Oracle,I've been studying SQL Server at the school and I'm going to have Oracle 9i lessons soon.
    I've installed Oracle 11g here but things aren't going well yet.
    When I open Oracle SQL Developer,I have the message "Error while registering JDBC Diagnosability MrBean.
    When I try to do a connection with SQL Developer I have the error "The network device could not establish the connection",I have an Oracle 11g Book reference for studies,and I'm doing exactly how it shows me. (maybe it will happen until the first problem be solved)
    The last one,when I use SQL Plus I can't get a sucessfull login.After the installation I could with scott and SYSMAN,but after a reboot I can't any longer.
    How can I get it working now?
    thanks

    Well I don't know what happened but it's working now. I did an ipconfig and noticed that the IP address was incorrect. The gateay IP address was also incorrect. I changed it to the values posted in ipconfig. I opened up SQL Developer and was then able to make the connection. I went back and changed the IP addresses back to the old values. I then opened up SQL Developer again. I was expecting to see the refuded connection message but instead it connected. I have no idea what to think now. Can SQL Developer connect to a non local database?
    I tried to connect to another remote SQL Server but got xxxx invalid username for some reason. I know the username/password is correct.
    Lastly, I tried to do a quick migration of a simple table. It stops at the generate step. After hitting close buton. It asks to log back onto SQL Server.
    I noticed that the schema being used gets created with dbo_schemaname
    i.e. scott would be user dbo_scott
    I tried to create a user called dbo_scott and it still stopped at the generate step.
    Any ideas? Thanks for your help

Maybe you are looking for

  • How to merge multiple documents via command line (Adobe Acrobat Pro 9.3.2)?

    I'm searching solutions to merge multiple documents (all stored in one folder) via command line or batch file to a single PDF-File... Is there a way to do this? Finaly I want to control this from a application written in MS-Access. So, perhaps there

  • Extending JComboBox  behavior and changing look and feel

    In order to change JComboBox behavior, usually we will extend the MetalComboBoxUI or WindowsComboBoxUI (for example: for controlling the popup width) The problem arise when we want to be able to change the pluggable look and feel: all components got

  • Premier Pro CS3 Error "time.cpp-390"

    Please help! Whenever I try to manipulate my timeline in Adobe Premier Pro CS3 on a short film that is nearing it's deadline, I get this error "time.cpp-390" followed by the software crashing. Any help? Adobe no longer provides support for their prod

  • SQL Server 2014 New Database Design Features

    SQL Server 2014 has three major database design related features: 1. In-memory OLTP tables (Hekaton) 2. Inline INDEX declaration in CREATE TABLE 3. Updateable clustered columnstore index Any other new feature? Thanks. Kalman Toth Database & OLAP Arch

  • OLM Concurrent Processes - BG Specific?

    I am implementing OLM in an multiple business group environment. OLM has been configured in 2 different legislations already and I am implementing it in a 3rd. Does anyone know off the top of their head if background processes such as 'remind instruc