Small iMage pop up larger image then close

Hi All
First off I am not a coder :)
I am building a website and would like to take an image on
the page, be able to click on image to create larger image (pop up
on same page) and then be able to close larger image back to
original image.
I am using CS4
Thanks in advance
Jay
pcb4u at verizon dot net

Do I replace the
seelarger.php?im=<?php echo urlencode($image); ?> code
you gave me before
with
seelarger.php?im=<?php echo urlencode($image);
?>&amp;title=<?php echo
urlencode($title); ?>
and can you confirm what code I need on the seelarger.php
page.
as I replaced the seelarger.php?im=<?php echo
urlencode($image); ?> code
with the new one you gave and nothing happened.
Thanks
Matt
"David Powers" <[email protected]> wrote in message
news:ej84c4$283$[email protected]..
> matt wrote:
>> Excellent.... worked perfectly thankyou.... now how
do I do the same with
>> the title.... on the image page I have it as
<?=$title?>
>>
>> And on the seelarger.php I have it as echo
>> "<title>{$_GET[title]}</title>";
>
> You need to pass the variable from one page to the next.
It doesn't just
> appear by magic.
>
> seelarger.php?im=<?php echo urlencode($image);
?>&amp;title=<?php echo
> urlencode($title); ?>
>
> --
> David Powers
> Adobe Community Expert
> Author, "Foundation PHP for Dreamweaver 8" (friends of
ED)
>
http://foundationphp.com/

Similar Messages

  • Open Dialog box: disable image preview (For large images, it's SLOOOWWWW)

    Open Dialog box in column view:
    Can I disable image preview?
    For large images, it's SLOOOWWWW !!!!!
    ( I often work with 8000 x 3500 panoramic images )

    William
    Mostly this is a problem in PhotoshopOK, my Photoshop is still a Classic version. I was looking at one or two others, like GraphicConverter, but the only pref there seems to be to generate a Preview if one doesn't exist.
    I'll look some more—it's irritating me now

  • Thumbnail image links to larger image - how?

    Mac OX 10.4.11 - GoLive CS(1) I want to create a series of thumbnail images that would act as link to a single large image area (see example http://www.markvelasquez.com/gallery.php?cid=1&pid=5 but ignore the dubious images). 10 or so different thumbnail images would show singularly in the large image area only, and only when activated by a click on a thumbnail.
    I have used slide show (SlideShow.action) in the past but this does not allow for user randon choice, is there an action for this in GoLive.

    Hi...
    You didn't mention whether you wanted a free or commercial Action so have a look at CyberGallery 6.1 for GoLive at http://www.actionscafe.com/Features_Folder/CyberGallery/cgfeatures.html. The GoLive version doesn't have some of the later Dreamweaver features but will let you set up a thumbnails that expand into full size display images when they are clicked.

  • Next / previous image swap WITH larger image popup

    Very simply what I need to do is almost identical to what you
    see here:
    http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
    (scroll down to the animal pictures)
    When you click "next" and "previous" the images swap through
    a series
    called "img1.gif" "img2.gif" and "img3.gif"
    So far so good. However let us assume there is also a set of
    images called
    "img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which are
    larger
    versions of those little thumbnails. I need for the
    appropriate associated
    large image to popup in its own window when the thumb is
    clicked.
    Has anyone a lead on something like that?
    Thanks very much.

    On Thu, 28 Sep 2006 17:59:37 +0000 (UTC), [email protected]
    (Clay)
    wrote:
    >Very simply what I need to do is almost identical to what
    you see here:
    >
    >
    http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
    >
    >(scroll down to the animal pictures)
    >
    >When you click "next" and "previous" the images swap
    through a series
    >called "img1.gif" "img2.gif" and "img3.gif"
    >
    >So far so good. However let us assume there is also a set
    of images called
    >
    >"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which
    are larger
    >versions of those little thumbnails. I need for the
    appropriate associated
    >large image to popup in its own window when the thumb is
    clicked.
    >
    >Has anyone a lead on something like that?
    >
    >Thanks very much.
    That sounds simple, where are you stuck? Do you not know how
    to open a
    popup? BTW, the JustSo Picture Window extension would be
    perfect for
    the popups.

  • Left click on a link does not open the link; a small blue window opens saying loading then closes.

    Left click on any link in a web page does not open the link. A very small blue window appears with the word loading and a few moving dots. In a few seconds the blue window closes but the link does not open. Links used to open. If I right click the link, I can open the link in a new window. Many new windows pile up. This is a nuisance.
    I am using Firefox 3.6.8 for Canonical 1.0 in Ubuntu 9.10.

    Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
    If it does work in Safe-mode then disable all your extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    You can use "Disable all add-ons" on the ''Safe mode'' start window.
    You have to close and restart Firefox after each change via "File > Exit" (on Mac: "Firefox > Quit")

  • Extract an image from a larger image

    I snap an 24bit RGB color image size: 748 x 566 and I would like to remove the border and extract a smaller (still need color) image 10 pixels smaller from each side. result size ~ 728 x 546. How do I tell the extract VI or Resample VI to do this.
    Start from the left corner go in 10 pixel x direction and 10 pixels y direction...

    Your answer is correct, I'd like to have more speed.
    I have Vision toolkit, Sony DXC-390 PAL and PCI-1409.
    I use the BNC Connector(NOT the other connector).
    To Snap image:
    1. IMAQ Init, stillcolor Mode, channel 0, Color Repre
    2. IMAQ Create (RGB, border=2)
    3. To define my image size.
    I use the CIN from IMAQ rectToCoor.VI.
    (new image, x res=748; y res=566; output:image)
    4. call IMAQ Getpixel ptr (input:image, map pixel ptr,
    outputixel ptr out, linewidth)
    I assume this is a pointer in memory for snapping
    5. call low level ImgSnap area(in: image,sessionID,
    buffer= pixel ptr out,top, left, bottom, right,
    rowbytes = linewidth)
    'output assuming image is in memory area
    6. ColorimagetoArra
    y
    7. Flatten pixmap
    8. Draw flatten pixmap
    9. IMAQ write jpg file.
    Please comment on my step, I take about two seconds per image, that is slooow.

  • Click on Thumbnail Image to get larger Image

    Hey Guys
    So I basically have a horizontal list with images loaded onto it. This is dynamically generated via XML input from a PHP file.
    How can I add a click event on it or a rollover mouse event, so that when a person click/rollover mouse on it, the image is displayed on another image component bigger with other details.Do I call some function or something else??
    please help here
    Thanks

    Solved it myself.. thanks everybody

  • HELP! How do I link small thumbnail to larger image on same page?

    hello, everyone! I'm working in dreamweaver cs4 and am having no luck!
    see below - I'm trying to link the small thumbnails to the larger image on the left. in other words, when a thumbnail is chosen it's corresponding image would open on the left. I have tried mouse-over effects and image swap behaviors but still no luck. either the larger image replaces the thumbnail or a brand new window opens up with the larger image.
    I want all effects to stay on the same page. any help would be greatly appreciated!

    Hi There:
    Not sure how you have designed your page but here is a simple sample code on how you can do this with javascript and on mouseover event:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    div#left {
    display:none;
    </style>
    <script language="javascript" type="text/javascript">
    <!--
    function showImage(obj) { //v2.0
    //alert(obj);
    document.getElementById(obj).style.display='block';
    //  return eval(obj)
    function hideImage(obj) { //v2.0
    //alert(obj);
    document.getElementById(obj).style.display='none';
    //  return eval(obj)
    //-->
    </script>
    </head>
    <body>
    <div id="left" style="float:left;width:200px;"><img src="left.jpg" width="180" height="273" alt="large" /></div>
    <div id="right" style="float:right;width:200px;"><img src="thumbnail.jpg" alt="small" style="cursor:pointer;" width="57" height="228" onmouseover="showImage('left');" onmouseout="hideImage('left');"/></div>
    </body>
    </html>
    By default the bigger image is initally not there so I have added a display:none style in the head.
    The above code will show the bigger image on left when you do a mouseover on the smaller left thumbnail image. Vice-versa when you move out the mouse the image goes away (you may not need this part). So on each thumbnail image simlarly pass the id of the image you want to show via the javascript showImage function.
    Note: You can use onclick or other event per your preference.
    Regards,
    Vinay

  • ROLLOVER for a large image to appear

    I am redoing my previous website. In that site, I had movie
    clip within a movie clip. This new site will not work using that
    procedure.
    The new website situation:
    My website is setup with small images, two in a row and two
    columns of four small images 60pixels x 68pixels. Those are on the
    right side and also on the left side (with different set of small
    images). In the center, which is now blank, will be for the large
    image to appear.
    This is want I am aiming for: Upon MOUSE ROLLOVER on a small
    image, the large image is to appear in the center, not on top of
    the small image.
    The Large image is to come about whenever the mouse is rolled
    upon a small image.
    I am still learning Flash. Hope someone can assist me with
    the above mentioned situation.
    [email protected]

    Good point Dzedward,
    I think however that since she has only a few images, she
    could just turn her small images into buttons, create rollover
    states, and import the larger photo images into the middle space
    where she would like them.
    Should you like to try this Alice, it is extremely easy.
    turn each of your small images into buttons, double click on
    the new button, noticing now that there are four squares by the
    timeline titled "up" "over" "down", and "hit"
    Click once on the "over" box, then go to
    File....Import.....Import to Stage... scroll through your directory
    until you find the large image you desire. Import it.
    Now you can place it wherever you like, once that is
    finished, go up into the control panel between comand and window,
    then scroll down to "test movie"
    I hope this helps, and works for you.
    Should you have alot of images, this method would definately
    make your file size large, and hence upload much slower.
    Copel

  • Web Flash Gallery: Problem setting Large Images size

    When using the Lightroom Flash Gallery I am not able to change the size of the Large Images (Web | Appearance | Large Images | Size). When I set the size to Medium or Small, the large images always ends up with the same size as when set to Large. Only when setting the size to Extra Large there is a slight change in size.
    How can I change the Large Images size to Medium and Small?
    Jørgen Johanson

    jools2005 wrote:
    Adobe please address this issue.
    This is a User to User forum not official Adobe support. Yes, Adobe staff may participate from time to time, but not often enough that you can depend on them reading your post. Therefore, I suggest that you support a bug report using the facilities provided at https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

  • Flex file upload issue with large image files

         Hello, I have created a sample flex application to upload an image and also created java servlet to upload and save image and deployed in local tomcat server. I am testing the application in LAN. I am able to upload small as well as large image file(1Mb) from some PCs but in some other PCs I am getting IOError while uploading large image files however it is working fine for small images. Image uploading is hanging after 10%-20% and throwing IOError. *Surprizgly it is working Ok with XP systems and causeing issues with Windows7 systems*.
    Plz give me any idea to get a solution.
    In Tomcat server side it is giving following error:
    request: org.apache.catalina.connector.RequestFacade@c19694
    org.apache.commons.fileupload.FileUploadBase$IOFileUploadException: Processing of multipart/form-data request failed. Stream ended unexpectedly
            at org.apache.commons.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:371)
            at org.apache.commons.fileupload.servlet.ServletFileUpload.parseRequest(ServletFileUpload.ja va:126)
            at flex.servlets.UploadImage.doPost(UploadImage.java:47)
            at javax.servlet.http.HttpServlet.service(HttpServlet.java:637)
            at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
            at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.j ava:290)
            at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
            at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)
            at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)
            at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)
            at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
            at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
            at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:293)
            at org.apache.coyote.http11.Http11AprProcessor.process(Http11AprProcessor.java:877)
            at org.apache.coyote.http11.Http11AprProtocol$Http11ConnectionHandler.process(Http11AprProto col.java:594)
            at org.apache.tomcat.util.net.AprEndpoint$Worker.run(AprEndpoint.java:1675)
            at java.lang.Thread.run(Thread.java:722)
    Caused by: org.apache.commons.fileupload.MultipartStream$MalformedStreamException: Stream ended unexpectedly
            at org.apache.commons.fileupload.MultipartStream$ItemInputStream.makeAvailable(MultipartStre am.java:982)
            at org.apache.commons.fileupload.MultipartStream$ItemInputStream.read(MultipartStream.java:8 86)
            at java.io.InputStream.read(InputStream.java:101)
            at org.apache.commons.fileupload.util.Streams.copy(Streams.java:96)
            at org.apache.commons.fileupload.util.Streams.copy(Streams.java:66)
            at org.apache.commons.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:366)
    UploadImage.java:
    package flex.servlets;
    import java.io.*;
    import java.sql.*;
    import java.util.*;
    import java.text.*;
    import java.util.regex.*;
    import org.apache.commons.fileupload.servlet.ServletFileUpload;
    import org.apache.commons.fileupload.disk.DiskFileItemFactory;
    import org.apache.commons.fileupload.*;
    import sun.reflect.ReflectionFactory.GetReflectionFactoryAction;
    import javax.servlet.*;
    import javax.servlet.http.*;
    public class UploadImage extends HttpServlet{
             * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
             *      response)
            protected void doGet(HttpServletRequest request,
                            HttpServletResponse response) throws ServletException, IOException {
                    // TODO Auto-generated method stub
                    doPost(request, response);
            public void doPost(HttpServletRequest request,
                            HttpServletResponse response)
            throws ServletException, IOException {
                    PrintWriter out = response.getWriter();
                    boolean isMultipart = ServletFileUpload.isMultipartContent(
                                    request);
                    System.out.println("request: "+request);
                    if (!isMultipart) {
                            System.out.println("File Not Uploaded");
                    } else {
                            FileItemFactory factory = new DiskFileItemFactory();
                            ServletFileUpload upload = new ServletFileUpload(factory);
                            List items = null;
                            try {
                                    items = upload.parseRequest(request);
                                    System.out.println("items: "+items);
                            } catch (FileUploadException e) {
                                    e.printStackTrace();
                            Iterator itr = items.iterator();
                            while (itr.hasNext()) {
                                    FileItem item = (FileItem) itr.next();
                                    if (item.isFormField()){
                                            String name = item.getFieldName();
                                            System.out.println("name: "+name);
                                            String value = item.getString();
                                            System.out.println("value: "+value);
                                    } else {
                                            try {
                                                    String itemName = item.getName();
                                                    Random generator = new Random();
                                                    int r = Math.abs(generator.nextInt());
                                                    String reg = "[.*]";
                                                    String replacingtext = "";
                                                    System.out.println("Text before replacing is:-" +
                                                                    itemName);
                                                    Pattern pattern = Pattern.compile(reg);
                                                    Matcher matcher = pattern.matcher(itemName);
                                                    StringBuffer buffer = new StringBuffer();
                                                    while (matcher.find()) {
                                                            matcher.appendReplacement(buffer, replacingtext);
                                                    int IndexOf = itemName.indexOf(".");
                                                    String domainName = itemName.substring(IndexOf);
                                                    System.out.println("domainName: "+domainName);
                                                    String finalimage = buffer.toString()+"_"+r+domainName;
                                                    System.out.println("Final Image==="+finalimage);
                                                    File savedFile = new File(getServletContext().getRealPath("assets/images/")+"/LowesFloorPlan.png");
                                                    //File savedFile = new File("D:/apache-tomcat-6.0.35/webapps/ROOT/example/"+"\\test.jpeg");
                                                    item.write(savedFile);
                                                    out.println("<html>");
                                                    out.println("<body>");
                                                    out.println("<table><tr><td>");
                                                    out.println("");
                                                    out.println("</td></tr></table>");
                                                    try {
                                                            out.println("image inserted successfully");
                                                            out.println("</body>");
                                                            out.println("</html>");  
                                                    } catch (Exception e) {
                                                            System.out.println(e.getMessage());
                                                    } finally {
                                            } catch (Exception e) {
                                                    e.printStackTrace();

    It is only coming in Windows 7 systems and the root of this problem is SSL certificate.
    Workaround for this:
    Open application in IE and click on certificate error link at address bar . Click install certificate and you are done..
    happy programming.
    Thanks
    DevSachin

  • Greyscale threshold using ni black gives invalid results on large image

    I am analyzing images of hot steel slabs looking for cracks in the surface of the slab.  The images are 2048 pixels wide by 14000 to 40000 pixels high.  I am using NI Vision Assistant 8.5.
    Sometimes the threshold does not work right when using the grayscale threshold, Local Threshold: Niblack.  For smaller images it works ok, but for larger images it will not work.  There are no errors, but the result is an image full of colored pixels rather than an image of particles.
    I have attached some sample images.  These are small crops of the larger image.
    The first one is from an image about 17000 pixels high which worked properly.  The second is from an image about 25000 pixels high, which did not work.
    Is this strictly a size issue?  Is there something I can do to fix it?
    Thanks!
    Attachments:
    Image11.jpg ‏44 KB
    Image21.jpg ‏55 KB

    I am having the problem within Vision Assistant.  I think at one point I migrated it to a LabVIEW vi and had similar results.
    I am going to try to post a link to the files.  The images are rather large, about 5MB.  I have also attached the script.
    The first file should work with the script, the second should not.
    Thanks for looking at this!
    Glen
    http://us.share.geocities.com/theace999/Images/11192003.jpg
    http://us.share.geocities.com/theace999/Images/11209307.jpg
    Attachments:
    Image Processing41.scr ‏4 KB

  • How to allow the image tab to work properly for changing to larger images.

    I am very new in using Adobe creative cloud, and have had my shre of issues, mostly with preference setting, and I am having a issue with going to the image tab, and trying to take an image from a smaller image to a large image and it will take the computer a considerable link of time to reaat to this, sometimes up to five to ten minutes,
    Last week I had a siamialr problem with under adjsutaments and curvesd and exposure, and when hitting tthe preview, it would njot come u so technicain had me go to the preference and change some of the settings and this fixed this problem,.  any help would be greatly appreciated.  thank you

    Actually, I try to modify this example.
    http://livedocs.macromedia.com/flex/2/docs/wwhelp/wwhimpl/common/html/wwhelp.htm?context=L iveDocs_Parts&file=00000649.html
    I can change initializingLabel, it does work. But whatever i
    set backgroundColor or backgroundImage, it doesn't show any change.
    I think maybe i did wrong to define the value.

  • Resume jpeg is saving way to small. How to save larger image that's readable.

    created my resume in cs6 and the jpeg is so small, no employers can even read the text without zooming in a bunch. How do i save a readable/larger image of my resume?! HELP!!! Thank you!

    For a resume, when you create one (BTW photoshop is not the proper app for it) The document should be the same size as the paper size that it will be printed on and at 200 to 300 ppi.
    Then you don't save as jpg not for a resume, it needs to be clean and professional. Save as tiff, png or better yet as a pdf. Pdf supports layers, transparency, vector shape, paths and editable text.
    Your resume should be created in a program meant for text documents. Illustrator, InDesign and even MS word. All three can export a pdf file. If photoshop is all you have, then that's all you can do. Just making you aware that's all.

  • Image Mouse Overs = Small source pic to large mouse oevr

    Hi
    Just need to pick someones brains really ....mouse overs are
    fairly straight forward if you wanna swap the same size image but
    what if the mous eover image you want to display is larger ?
    I figured this out years ago and now cant remember for the
    life of me how to do it ...I think you edit the script dreamweaver
    puts in...
    So to recap ...small source image then mouse over to display
    a large one...also can you re do the positioning on where the mouse
    over displays ?

    You can do this many ways ways -
    1. Don't use swap image - use Show/Hide layer instead. Have
    the alternate
    image in a hidden layer that is shown when the trigger is
    'tickled'. Using
    this method you can have images that are any dimension.
    2. Use swap image, but remove the dimensions from the
    original image's tag,
    i.e., change this -
    <img name="original" width="150" height="220" ...
    to this -
    <img name="original" ...
    Now when you swap in your offsize image, there is no
    predefined size to
    change it to. Be aware that this method may well result in an
    unpleasant
    and undesirable 'rearrangement' of your page layout as it
    adjusts to your
    new image's dimensions.
    3. Pad the smaller image with canvas background color on all
    sides so that
    all the images *are the same size*.
    4. Use a SetText behavior to change the image reference in a
    container on
    the page so that it will show the desired larger image in the
    proper place.
    You can see an example here -
    http://dreamweaverresources.com/tutorials/settextoflayer.htm
    5. Use the PVII ShowPic extension -
    http://www.projectseven.com/
    Take your pick....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "crashpolo" <[email protected]> wrote in
    message
    news:fpjrlm$83a$[email protected]..
    > Hi
    >
    > Just need to pick someones brains really ....mouse overs
    are fairly
    > straight
    > forward if you wanna swap the same size image but what
    if the mous eover
    > image
    > you want to display is larger ?
    >
    > I figured this out years ago and now cant remember for
    the life of me how
    > to
    > do it ...I think you edit the script dreamweaver puts
    in...
    >
    > So to recap ...small source image then mouse over to
    display a large
    > one...also can you re do the positioning on where the
    mouse over displays
    > ?
    >

Maybe you are looking for