Disjointed rollover with different size images?

Every tutorial says the disjointed rollover images MUST be the same size, etc.  But for the type of photos I'm working with, it's impossible to make them the same height.  This site is exactly what I'm going for with the different sized images being used:  http://www.warmbloods-for-sale.com/HorseDetail.asp?HorseID=21333&UserID=1775.  Any idea how they accomplish this?  Or any ideas on how I can manage the same effect with different sizes in Dreamweaver CS4?

Do a Google search for Lightbox, litebox, floatbox or look at Project Seven's Image Gallery Magic.
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

Similar Messages

  • Disjointed Rollovers with different results

    Hi,
    In Dreamweaver CS4 I'm trying to do a disjointed rollover that swaps one image on mouseover and restores it on mouseout (a simple navigation bar rollover) and swaps a second image onclick and doesn't restore the original (an image in the main content area). Right now both images restore on mouseout:
    http://inkllusionist.com/test
    I realize I may be going about this the wrong way... any advice? Should I try to do this with something other than the javascript behaviors?
    ...Later...
    Well, after more searching I found the answer in a very nice video on youtube.
    http://www.youtube.com/watch?v=hN_MhdmtCsM&feature=colike
    It explains that you set the simple rollover using the behavior "Set Nav Bar Image" and you do the main image swap using the behavior Swap Image and set that to <A> onClick and uncheck Restore images on Mouseout. It's so simple when ypu know how. lol.

    > Is it possible for me to create a disjointed rollover so
    that when I mouse
    > over
    > one image it will make another image switch to a .SWF
    file?
    Not in any easy way that I can think of.
    > How can I make an image switch to something else when I
    mouse over a
    > totally
    > different image?
    Behaviors: swap image
    -Darrel

  • Centering different size images in movieclip

    Hi,
    I'm trying to center different size images in a movieclip
    named "picture". The images load fine but they are not centered.
    Flash's registration is very limited when it comes to setting this.
    All the images are different sizes. I may get one to load correctly
    but when another image loads of a different size the images is no
    longer centered. I need all images to load in the center of the
    clip no matter what the images size is. Here is the code that I'm
    using:
    stop();
    function loadXML(loaded) {
    if (loaded) {
    xmlNode = this.firstChild;
    image = [];
    description = [];
    total = xmlNode.childNodes.length;
    for (i=0; i<total; i++) {
    image
    = xmlNode.childNodes.childNodes[0].firstChild.nodeValue;
    description
    = xmlNode.childNodes.childNodes[1].firstChild.nodeValue;
    firstImage();
    } else {
    content = "file not loaded!";
    xmlData = new XML();
    xmlData.ignoreWhite = true;
    xmlData.onLoad = loadXML;
    xmlData.load("images-webbanner.xml");
    listen = new Object();
    listen.onKeyDown = function() {
    if (Key.getCode() == Key.LEFT) {
    prevImage();
    } else if (Key.getCode() == Key.RIGHT) {
    nextImage();
    Key.addListener(listen);
    previous_btn.onRelease = function() {
    prevImage();
    next_btn.onRelease = function() {
    nextImage();
    p = 0;
    this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    if (loaded != filesize) {
    preloader.preload_bar._xscale = 100*loaded/filesize;
    } else {
    preloader._visible = false;
    if (picture._alpha<100) {
    picture._alpha += 10;
    function nextImage() {
    if (p<(total-1)) {
    p++;
    if (loaded == filesize) {
    picture._alpha = 0;
    picture.loadMovie(image[p], 1);
    desc_txt.text = description[p];
    picture_num();
    function prevImage() {
    if (p>0) {
    p--;
    picture._alpha = 0;
    picture.loadMovie(image[p], 1);
    desc_txt.text = description[p];
    picture_num();
    function firstImage() {
    if (loaded == filesize) {
    picture._alpha = 0;
    picture.loadMovie(image[0], 1);
    desc_txt.text = description[0];
    picture_num();
    function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
    }

    A very simple solution is to make a second image that contains the picture superimposed on the map. You would need to have 4 images total for this (all images are the same size):
    1. The map with no photos
    2 - 4. The map with a single image over the desired region (i.e., 3 additional images).
    In your hotspots, you swap the entire map with the desired region map.

  • How can I use the print module to print different size images on one large "canvas"?

    How can I use the print module to print different size images on one large "canvas"? An example would be in Photoshop, go to file>new, and create the size paper I want, and move images of different sizes onto it.
    I was thinking the print module would do this automatically for me.

    You can't, at present. It's been a requested feature, so we'll see if it shows up in a future version, but it's not there at present.

  • How to make different size images the same size pdf in Acrobat.

    I am trying to place 2 different size images into acrobat to create a pdf but one image is half the size. How do i make each page the same size when the images are different sizes?

    Thank you, I changed the image size to match and then placed them in acrobat.

  • Can a single HID report descriptor support multiple touch screens with different sizes?

    Hi Experts:
    I have a question for specifying touch monitor sizes in the HID report descriptor:
    Can ONE HID report descriptor support multiple touch monitors with different sizes ?
    Thanks in advance
    leo

    My screen shot is from AA9, and I have seen that the UI for AAX is vastly different, but...
    Choose Paper Source from Page Size should be the "one-touch" solution your looking for.
    In my test, my Konica-Minolta Bizhub failed to detect the proper paper trays, but Acrobat correctly spooled the pages.

  • Multiple masters with DIFFERENT sizes?

    Hi,
    I think this is a NO, but I have to ask.
    Is it possible to have different master pages in a single document, each with a different size?
    If not, how do I tackly my problem?
    I am making a sales matrix and it will be comprised of 3.5 inch by 7 inch pages with some 3.5 by 3.5 inch pages interspersed throughout.
    I don't want to have two InDesign files, so it would be great if I could have masters with different sizes, OR if there was a way to use the larger of the two sizes, 3.5x7 and then set my square 3.5x3.5 pages doubled up on the larger page.
    I know I can use the 'book' feature, but sometimes that is more trouble than it's worth, especially with different size pages. What do you suggest?

    Peter,
    why do you say easier to work the other way?
    I think this spread thing may just work.
    I normally have facing pages in all of my saddlestitched letter size docs and output via Export to PDF with trim marks on. That gives me a pdf and eachpage has trim marks.
    Doing it this way with a 3.5x3.5 document and outputting spreads, I get exactly what I want. A pdf with one 7 inch page and 4 3.5 inch pages all with trim marks at the right places.
    Before I proceed though, I want to hear why this might be a bad idea....

  • How to create ePUB with full size images/pages to adjust according to device?

    Friendly Greetings,
            I have been trying, for nigh on two months, to convert/create my 7 books that are in print into eBooks; with first publishing scheduled to be Nook, with Kindle on the eventually list. I am, sadly still working on just getting the first one published! And I could really use any assistance to get this figured out. My intent was to publish several weeks ago...now my desperation is to publish before the weather gets too warm and kids are outside most of the time...or at least no later than Easter. :0)
            First and foremost, my books are picture/poetry books for kids of all ages. They were fully designed in Photoshop, where I also created the full size images for the first eBook. I received the specifications from B&N for the various Nook devices. Under the assumption that it would be best to create the largest of the files, thus allowing smaller sized devices to adjust the page accordingly to fit and the largest would not overstretch a smaller image, I sized my pages to 1280px x 1920px at 72dpi. (now I hear 150 is standard??)
            My text is included within the image as the design is one image = one page. I included a full text only version of the story/poem at the end for those wishing to adjust text or use a voice reader. I obviously have all the original files, but for publishing they were all saved as JPGs.
            After quite a struggle and a whole lot of frustration I managed to complete the manuscript in Barnes and Noble's Nook Press Manuscript Editor. My internet is molasses and thus much of this was done in the wee hours of the morning when the rest of the time zone is asleep. I only had one page with an issue, of an extra blank line/space that was irreparable. I published, and found it was completely botched in publish, though the preview looked a-okay. Only about the top left 1/6 of each image/page was visible in either my laptop's Nook for PC or my Android Tablet's Nook App. So I agonizingly awaited another 10 hours, hoping no one would buy my book during that time, for it to be removed from sale.
            I downloaded a trial of InDesign CC, and after two weeks of not even being able to create a single new document for some screwy reason, I bought a month's subscription. So far I'm not entirely convinced of this whole Creative Cloud malarkey, especially considering...as like I said my internet is slow...it took me nearly 20 hours just download the software. (Is it really that difficult to offer disc, seriously?) After a chat and phone call I can, in theory, now use InDesign.
            I created a New Document for Digital Publishing at the aforementioned specs (1280 x 1920 px). I made the rectangle placeholders the full size of the page, and place one image per page. This usually inserted the image at about 50% and I would have to select 100% and then move as necessary in to place.
            Thus, my first question is: Is there a way to place an image at 100% without having to do that extra resizing step? Or if there is an alternative way to place the image to the full size of the page without any of those other steps that would be lovely too.
            Okay, after placing several pages/images I also selected each and went to Object Export Options and Checking the Custom Rasterization and "Resize to Text Flow".  I then exported a trial ePUB to see what it would look like. On both the PC and Tablet in landscape mode it was a far cry better than the other, but about oh a 1/3 of the bottom of each page was cut off. On the tablet I rotated to portrait and voila full page. Woohoo! But alas, I don't want to limit it.
            Is there something I am doing wrong? Did I miss a step or two somewhere so that the full image will fit on the page? I feel like I'm just about to turn the page on this thing, but it's stuck to the one after that.
            I would greatly appreciate any insight, tips, help that anyone can offer. I have run the gauntlet of Barnes and Noble...cough, cough...support and apparently I ask questions which no Nook Press rep can answer and the forums over there have no clue about InDesign. It's almost as if with all the fantastic beautiful screens out there today nobody wants picture books! How does National Geographic do it?!
            Thank you very kindly.
    In case it is necessary: My laptop uses Window 7 Pro 64-bit, InDesign CC is 64-bit and my 10.1 tablet uses Android. I can view the EPUB files in Nook for PC and Nook for Android. I also have Kindle, LumiRead, and various other apps on the tablet. I can also have someone preview the finished epub, if need, on a Mac, iPad, and/or Android phone...though I do not have any of these. Not sure who has a Nook I can look at though. Thanks again.

    Q: Is there a way to place an image at 100% without having to do that extra resizing step?
    I think here you want your images to fit in the full page size frame automatically. For this you can try the follwoing steps:
    1. Create a new doc
    2. Goto Object menu and choose Frame fitting options
    3. Select Autofit and from Fitting drowdown, select "Fit content to frame". Refer the screenshot below:
    After this you images should automatically fit in the entire page placeholder frames. Please let me know if this does not work or if the problem you are facing is different and I did not understand your problem correctly.
    Regards,
    Pooja

  • Print Different Sizes Images

    I use CS5 / 64bit and print on a Epson 3880 printer.  I sell my images at art shows & hops.  I shoot all image in RAW, on a Nikon D80.  I process all images first in CR.  When in CR I do not use the Crop Tool but do use most the other available tools.  I am able to process 80% of images corrections, in CR and the balance in Photoshop CR5.  I sharpen all image with PhotoKit 1.2.  I save all my processed images, in a Master Image (MI) file that can be accessed through Bridge or Photoshop.  The smallest image I sell is a 5x7 and the larges is 17x22.   How do I print different size picture image from the MI and keep resolution between 200 - 300 ppi, one per page to meet the demands for my customers.
    Thanks,
    jacklinn

    Hi,
    This forum is related to queries on the 'Adobe Community Help' application. For Photoshop queries, post your query on the Photoshop forum.
    Regards,
    Sandeep

  • Handling files with different sizes of content (please help)!

    Hi,
    I have a written a program to tell customers how much certain apartments are to rent.
    It asks the reader to input a floor number and the number of bedrooms in the apartment. I then returns the price.
    The contents of the file look like this:
    0 400 450 510
    1 500 560 630
    2 625 676 740
    3 1000 1250 1600
    the first column of numbers refer to the floor number (0-3) and the following columns relate to the prices of bedrooms. The first is 0 rooms, then 1 room, then 2 rooms.
    So a one bedroom appartment on the 0th (ground) floor would be 450.
    This program works perfectly for this set of data and returns the correct answer. What i want to try and do is make it work with different sets of data
    e.g more floors and moree rooms. up to an unlimited number of both
    Can anyone help me with this because im not sure how.
    heres the code
    import java.io.*;
    import java.util.Vector;
    public class FlatCost
        public static void main(String[] args) throws IOException    {
            FileInputStream stream = new FileInputStream(args[0]);
            InputStreamReader reader = new InputStreamReader(stream);
            StreamTokenizer tokens = new StreamTokenizer(reader);       
            Vector v = new Vector();
            while(tokens.nextToken() != tokens.TT_EOF)        {           
                v.add(new Integer((int) tokens.nval));
                System.out.println(new Integer((int) tokens.nval));       
            System.out.println("Enter floor number: ");       
            BufferedReader in = new BufferedReader(new InputStreamReader(System.in));
            String line1 = in.readLine();
            int x = Integer.parseInt(line1);
            if(x > 3) System.out.println("Sorry, out of range");
            System.out.println("Enter no. rooms: ");       
            String line2 = in.readLine();          
            int y = Integer.parseInt(line2);
            if(y > 2) System.out.println("Sorry, out of range");
            int numFloors = v.size()/4;               
            int dest = ((x*4) + y + 1);
            System.out.println("PRICE: " + v.get(dest));   
    }Thanks
    Sarah x

    Try this
    import java.io.*;
    import java.util.ArrayList;
    public class FlatCost
      ArrayList floors = new ArrayList();
      public FlatCost()
        try
          readDataFromFile();
          BufferedReader in = new BufferedReader(new InputStreamReader(System.in));
          int floor;
          int rooms;
          String another = "y";
          while(another.equalsIgnoreCase("y"))
            System.out.print("\nEnter floor number (0 for ground): ");
            floor = Integer.parseInt(in.readLine());
            if(floor < 0 || floor > floors.size())
              System.out.println("floor out of range, try again");
            else
              System.out.print("\nEnter no. rooms: ");
              rooms = Integer.parseInt(in.readLine());
              if(rooms < 1 || rooms > ((String[])floors.get(floor)).length)
                System.out.println("rooms out of range, try again");
              else
                System.out.println("\nThe cost of a "+rooms+"-room flat is $"+
                                       ((String[])floors.get(floor))[rooms]);
                System.out.print("\nAnother? (y/n): ");
                another = in.readLine();
        catch(Exception e){System.out.println("error - terminating");}
      public void readDataFromFile() throws Exception
        BufferedReader br = new BufferedReader(new FileReader("FlatData.txt"));
        String line = "";
        while((line = br.readLine()) != null) floors.add(line.split(" "));
        br.close();
      public static void main(String[] args){new FlatCost();}
    }

  • ¿Custom button with different size/shape for rollover state in Muse?

    Hello, i'm trying to make a custom button, that has one size/shape when normal, and other size/shape when rollover.
    The problem is that the area not visible in normal state is a hot area, so when then mouse rollover anywhere near, activates the button rollover state.
    So i think what i need is mask or something like that
    Is there a work around to do this? Is even possible in normal CSS - HTML5?
    Here is the website:
    http://www.audime.com/prueba/
    And here what i'm talking about:
    Thanks in advance!

    I'm not fully understanding the screenshot, but what you're describing sounds more like a Composition:Tooltip widget than a button.

  • Why would two copies of Lightroom 5 create DNG files with different sizes from the same RAW file? (size is dramatically different, on the order of doubled in size.)

    I have a copy of LIghtroom 5 on my office computer and a personal copy on my home computer. I convert my RAW files to DNG with Lightroom when I import them. Files I shoot for work also get imported on my home workstation. I noticed today that the resulting DNG files for the same RAW image are widely different in size. The ones at home are roughly twice as big as the ones from the office.
    To the best of my knowledge, things are set up the same on both workstations. Any idea what setting might be causing this variation?

    I don't think it's possible to apply lossy compression when importing directly into Lightroom.  I know you can do it with the DNG converter and on export but I don't think this is the case here.
    In which case we need to determine which set-up producing is the "correctly" sized files.  What's the camera and what are the respective file sizes from work and home?

  • How do I standardize page size in a document with different sizes?

    Hopefully this will be an easy question for those of you with more Adobe knowledge than me.  I have a document that someone scanned in with multiple diffent page sizes.  All orientation is portrait, but some are large and others are small.  I find this very distracting when I am trying to flip through it or read.  Is there a way to make all the pages the same size?  Thanks in advance.
    Maxx

    If you have Acrobat, you can try the crop tool. You can use the it to create custom page sizes for all of the pages at once.

  • Working with High size image file.

    I am working with high image file . I have to work for iage more than 3000x6000 dimensional. Is it possible in AS3. In some blog i came to know that AS2 could not support more than 2880x2880. Please let me know if you have any experience about working in high dimensional image .

    i answered this on another thread.  please don't cross-post.

  • Two arraylists with different size, compare them!

    I Have a major problem now.
    I have two text files that I read and split.
    TableA:
    AT1G01710.1     1     425     427     SKL
    AT1G16730.1     1     200     202     SKL
    AT1G20480.1     1     563     565     SKL
    AT1G20510.1     1     544     546     SKL
    AT1G20560.1     1     554     556     SKL
    AT1G20560.2     1     476     478     SKL
    TableC:
    AT1G01710.1
    AT1G16730.1
    AT1G20480.1
    AT1G20510.1
    AT1G20510.2
    AT1G20560.1
    AT1G20560.2I have a database with the values in TableC. In table A I am interested in the 4th "column", The values before SKL. As you see; AT1G20510.2 doesn't exist in TableA. So for those values that does not exist in Table A, I just want to a add a null value. I want this output:
    AT1G01710.1 \t 427
    AT1G16730.1 \t 202
    AT1G20480.1 \t 565
    AT1G20510.1 \t 546
    AT1G20510.2 \t null
    AT1G20560.1 \t 556
    AT1G20560.2 \t 478This is my code:
    // Reads table C.
    while ((line_tableC = br_tablec.readLine()) != null) {
         c_list.add(line_tableC);
    // c_list size = 6
    // Reads table A, and split around tabs and add "column" 4 to a list (list_size_aa).
    while ((line_tableA = br_tablea.readLine()) != null) {
         a_tab_split = line_tableA.split("\\t", -1);
         a_list.add(a_tab_split[0]);
         list_size_aa.add(a_tab_split[3]);
    // a_list size = 5
    // Problem 1: a_list is smaller than c_list
    for (int i = 0; i < a_list.size(); i++) {
              if (a_list.contains(c_list.get(i))) {
              x.add(list_size_aa.get(i));                         
             else {
         x.add("null");
           System.out.println(c_list.get(i) + "\t" + x.get(i));With this code I get this output:
    AT1G01710.1 \t 427
    AT1G16730.1 \t 202
    AT1G20480.1 \t 565
    AT1G20510.1 \t 546
    AT1G20510.2 \t null
    AT1G20560.1 \t 478
    AT1G20560.2 \t 709Do you see the problem? In the output I get AT1G20560.1 with the corresponding value 478, but it should be 556! This is because when a_list doesn't contain a string from c_list, a null value will be added to x, and i will be incremented. Its hard to explain, maybe you see it better than I am to explain.
    How can I solve this?
    Best regards, knx

    Last for loop should be based on table C data. In this loop your approach should be fetch each record of table C and retrieve corresponding value from table A using the key.
    Here is your solution:
    [*Note:* I have used HashMap to hold data of table A and also to hold result. You can use any data type of your choice, but approach will be same.]
    import java.io.*;
    import java.util.*;
    public class Parser{
         public static void main(String[] args) throws Exception{
              System.out.println("Hello: "+System.getProperty("user.dir"));
              new Parser().parse();
         public void parse() throws Exception{
              FileReader reader1=new FileReader("TABLE_A.txt");
              BufferedReader buffer1=new BufferedReader(reader1);
              FileReader reader2=new FileReader("TABLE_C.txt");
              BufferedReader buffer2=new BufferedReader(reader2);          
              HashMap<String,String> tableAData=new HashMap<String,String>();
              List<String> tableCData=new ArrayList<String>();
              // Read data from table a          
              String data=null;
              while((data=buffer1.readLine())!=null){
                   String[] temp=data.split("\\t");
                   tableAData.put(temp[0],temp[3]);
              data=null;
              while((data=buffer2.readLine())!=null){               
                   tableCData.add(data);
              HashMap<String, String> result=new HashMap<String, String>();          
              for(String cData: tableCData){
                   if(tableAData.containsKey(cData)){
                        result.put(cData, tableAData.get(cData));
                   }else{
                        result.put(cData, null);
              System.out.println("Result: "+result.toString());
    }Thanks,
    Mrityunjoy

Maybe you are looking for