Need help to display text with the onClick event

I have a thumbnail that when you click on, it displays a larger image.  I also want to display the title under the enlarged image when the user clicks on the thumbnail.  Help, please!

but is there a way to simulate onClick with CSS?

In fact, there is, but it works on devices with touchscreen like the iPhone, iPad and Droid.

If your visitors use a mouse device operated, they will see the event in the overview.

http://www.usabilitypost.com/2010/05/12/CSS-hover-controls-on-iPhone/

If you must use onClick, watch the tutorial to Show/Hide layer below.

http://www.cbtcafe.com/Dreamweaver/showhidelayers/index.html

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB
http://ALT-Web.blogspot.com

Tags: Dreamweaver

Similar Questions

  • In fact, I need help but can't find the answer. Please... Lately when it is open a new tab it does not open with a blank page. I don't want to put my home page as

    In fact, I need help but can't find the answer.
    Please... Lately when it is open a new tab it does not open with a blank page. I don't want to put my home page as empty as when I open Firefox, it automatically load my hotmail page. But then if I open other pages I don't get a blank page. Help, please?
    Thank you.

    [Personal information deleted by the moderator. Please read the guidelines and rules of the Forum, thank you.]

    Hello, please refer to customize the page new tab to turn off the function.

  • How to display very large text with the font size?

    I'm using html and css to display large text with the font size.

    Label {
        text: "Acit"
    }
    

    In the image below, it is the largest size, although I try to increase the value of the size of the font. Do you know how to display the largest font size?

    Thanhks

    You should be able to amplify it upward with scaleX/scaleY properties, although no doubt quality will suffer somewhat (but probably not significantly, for most people).

  • My HP Photosmart 7660 printer does not work with Win 7 Ultimate. Need help, where can I get the right driver?

    My HP Photosmart 7660 printer does not work with Win 7 Ultimate. Need help, where can I get the right driver?

    Visit the HP website and look.

  • changing value of text with the cursor

    Hi you all

    I need a help from your side

    I have created a slider and change the size of the listview text with the cursor

    Here is my code

     Slider {
                           id: slider
                            fromValue: 8.0
                            toValue: 16.0
                            value: 8.0
                            layoutProperties: StackLayoutProperties {
                                spaceQuota: 0.1
                            }
                            preferredWidth: 200.0
                            maxWidth: 250.0
                            preferredHeight: 20.0
                            visible: true
                            enabled: false
                            horizontalAlignment: HorizontalAlignment.Center
                   onImmediateValueChanged: {
    
    // descriptionText is the id of label
              descriptionText.textStyle.fontSize = FontSize.PointValue
               descriptionText.textStyle.fontSizeValue = immediateValue
                            }
    
                        }
    
    /***********************************************************************//
    i am adding data to listview using remote source
    
      Container {
                id: listviewContainer
    
                layout: StackLayout {
    
                }
                ListView {
                    id: myListView1
                    dataModel: dataModel1
                    //{
                    //  source: "asset:///models/xmldata.xml"
                    //      }
    
                    // Use a ListItemComponent to determine which property in the
                    // data model is displayed for each list item
                    listItemComponents: [
                        ListItemComponent {
                            type: "item"
                            Container {
                                rightPadding: 20
                                leftPadding: 20
                                horizontalAlignment: HorizontalAlignment.Center
                                verticalAlignment: VerticalAlignment.Center
                                layout: StackLayout {
                                    orientation: LayoutOrientation.TopToBottom
    
                                }
    
                                Container {
                                    topPadding: 40
    
                                    horizontalAlignment: HorizontalAlignment.Fill
    
                                    layout: DockLayout {
    
                                    }
                                    // The Item content container
                                    Container {
    
                                        verticalAlignment: VerticalAlignment.Top
                                        horizontalAlignment: HorizontalAlignment.Right
                                        layout: StackLayout {
                                            orientation: LayoutOrientation.RightToLeft
    
                                        }
    
                                    }
    
                                }
    
                                // Description text label
                                Label {
                                    id: descriptionText
                                 //
                               //     objectName: descriptionText
                                    //  leftMargin: 20
                                    horizontalAlignment: HorizontalAlignment.Right
                                    verticalAlignment: VerticalAlignment.Top
                                    text : ListItemData.des
                                    textStyle.color: Color.create("#868686")
                                    textStyle.textAlign: TextAlign.Justify
                                    multiline: true
                                    textFormat: TextFormat.Plain
                                    textStyle.fontSizeValue: 8.0
                                }
    
                        }
    
                    }
            ]
    
        }
    
        attachedObjects: [
            GroupDataModel {
                id: dataModel1
    
                // Sort the data in the data model by the "pubDate" field, in
                // descending order, without any automatic grouping
                sortingKeys: [ "date" ] //[ "pubDate" ]
                sortedAscending: false
                grouping: ItemGrouping.None
            },
            DataSource {
                id: dataSource1
                objectName: ""
                // Load the XML data from a remote data source, specifying that the
                // "item" data items should be loaded
                source:"http://10.121.10.139/simplehtmldom/getdescnews.php?newsid="+dataSource1.objectName
    
                query: "/news/property/"
                type: DataSourceType.Xml
    
                onDataLoaded: {
                    // After the data is loaded, clear any existing items in the data
                    // model and populate it with the new data
                    dataModel1.clear();
                    dataModel1.insert(data)
                    myIndicator12321.setRunning(false);
                    myIndicator12321.setVisible(false);
                    //      dataModel.insert(data)
    
                }
    
                    }
        ]
    }
    
    // in the end i am calling on creating complete
    
    onCreationCompleted: {
            // When the top-level Page is created, direct the data source to start
            // loading data
            dataSource1.load();
        }
    

    problem I am facing is, it does not find the descriptionText variable, which is the id of the label

    can someone help?

    OK, the problem is that listItemComponents attached to a control, such as ListView have their own context. ListItemComponent documentation refers to what I think. If you must do the following:

    1. do you have a property that is defined as an attribute of the ListView

    2 bind your fontSizeValue to listItemComponent tag to the ListView. Note, however, to do this, you need to get a reference to the ListView using your label ListItem.view is found in the container. Not obvious, I know.

    3. do you have your cursor to update the property you have defined for the ListView.

    Cursor---> p_font_size ListView property<---------->

    Like this:

    {To ListView
    ID: myListView1
    property real p_font_size: 10

     

    listItemComponents:]
    {ListItemComponent}
    type: 'point '.
    ID: sample

    {Of container
    ID: mainListViewContainer

    {Label
    ID: descriptionText

    ..........
    textStyle.fontSize: FontSize.PointValue
    textStyle.fontSizeValue: mainListViewContainer.ListItem.view.p_font_size

    }

    and elsewhere on your page

    Slider {}
    ID: slider

    fromValue: 8.0
    toValue: 16.0
    value: 8.0
    layoutProperties: {StackLayoutProperties}
    spaceQuota: 0.1
    }
    preferredWidth: 200.0
    maxWidth: 250,0
    preferredHeight: 20.0
    visible: true
    enabled: true
    horizontalAlignment: P

    onImmediateValueChanged: {}
    myListView1.p_font_size = immediateValue
    }
    }

    I test it and it works. Please make this response as the solution if it works for you too :-)

  • find and delete blocks of text with the same geometricBounds

    Hi writer... .new question from here:

    mySelection var = app.activeDocument.selection [0] .geometricBounds;

    alert (mySelection);

    throughout the document, I need search and delete blocks of text with the same geometricBounds.

    If possible, the same dimensions, but not the same positions.

    Thanks for the help!

    OK Bala... .in to decimal differences, some executives have not been removed.

    I solved with "Math.round' instead of 'number '.

    ===================

    mySelection var = app.activeDocument.selection [0] .geometricBounds;

    var myWidth = Math.round(mySelection[3]-mySelection[1]);

    var myHeight = Math.round(mySelection[2]-mySelection[0]); Alert (myHeight);

    var allFrames = app.activeDocument.allPageItems;

    While (t = allFrames.pop ()) {}

    {if (t.IsValid)}

    var myTextframe = t.geometricBounds;

    var myTWidth = Math.round(myTextframe[3]-myTextframe[1]);

    var myTHeight = Math.round(myTextframe[2]-myTextframe[0]);

    If ((myWidth == myTWidth) & (myHeight == myTHeight)) {}

    t.Remove ();

    }

    }

    }

    ===================

    Now, your script works great!

    Thank you very much!

  • Need help to find and install the game Chess Titans Windows Vista for XP

    Need help to find and install the game Chess Titans Windows Vista for XP

    Hi SBOYDC130guy,

    We will not be able to install titan of failures on windows XP because it is designed for Windows Vista and Windows 7 and it's built-in game.

    With regard to:

    Samhrutha G S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • How can I select the files in a folder with the help of a list with the files you want and after that rename only the files using another list with desired new names?

    How can I select the files in a folder with the help of a list with the files you want and after that rename only the files using another list with desired new names?

    I have only:
    D: / images (where are necessary + not need files)
    -a list with only the necessary files
    -a list with new names for the files needed
    Thank you.

    Hi Pustiu,

    Thanks for posting in the Microsoft Community.

    You want to know how to select the files in a folder using a list with the files you want and after that rename only the files using another list with desired new names.

    I would have you post your query in the TechNet forums because it caters to an audience of it professionals.

    Your query will be better addressed there.

    Check out the link-

    http://social.technet.Microsoft.com/forums/en-us/w7itprogeneral/threads

    We know if you need help. We will be happy to help you. We, at tender Microsoft to excellence.

    Thank you.

  • Display text with icons

    JDev Version: 11.1.16

    I would like to display text with icons, when the text wrapping it looks like below

    for example. blah blah blah blah blah blah blah blah blah blah blah blah blah

    blah blah blah blah blah blah blah blah blah blah blah blah blah

    blah blah blah blah blah blah blah blah blah blah

    I tried with ADF CommandImageLink and goImageLink but these display the first icon next text.

    I also tried outputText and image, but the creation of two columns.

    Thank you

    Kala

    I tried with ADF CommandImageLink and goImageLink but these display the first icon next text.


    The default value is the first, but the position of the icon can be defined as an accompaniment with iconPosition.


    Icon="/images/search.gif".

    actionListener = "#{some.el.expression}" iconPosition = "creeping" / > "

  • Hello, im a student in England, student of architecture. I have the pack student for 12 months and I really need to know my limits with the use, (copyright licensing). I am allowed, except by using my home application to show works that i already have)

    Hello, im a student in England, student of architecture. I have the pack student for 12 months and I really need to know my limits with the use, (copyright licensing). I am allowed, except by using my home application to show works which I have already done (as portfolios) to architectural firms, I intend to request a placement to? also can I post my stuff (already did the work) on my blog or tumblr? I intend not to use for profit/money at all well (if I was I wouldn't ask you this lol). Thank you.

    Hi,

    Please see Licensing FAQ: where can I find the terms of membership and the terms of use?

    Hope that helps!

    Kind regards

    Sheena

  • I need to download photoshop test with the support of middele is to write in Arabic

    I need to download photoshop test with the support of middele is to write in Arabic

    Hello

    Please see Photo editing software | Download the free trial version Photoshop CC

    Hope that helps!

    Kind regards

    Sheena

  • I need to re-download my cs6 after my book mac crashed and I can't find my package to get the serial number. I need help, I'm just in the middle of editing a photoshoot... ugh!

    I need to re-download my cs6 after my book mac crashed and I can't find my package to get the serial number. Need help please, I'm in the middle of editing a photoshoot... ugh.

    You can download it here: download Creative Suite 6 applications

    If you registered with Adobe, the serial number is the Adobe ID and the password that will be used.

    Otherwise, it will work as a giving fully functional 30-day trial you time to find the package.

    Gene

  • Need help on how to use the conference room in adobe connect

    I need help on how to use the conference room in adobe connect?

    I would recommend you start here: Getting Started with Adobe Connect - Adobe Connect user community

  • How to bind an index of full text with the catalog in PDF format?

    Hello and thanks for your help.

    I already create PDF files on a folder (with hyperlinks between us) and I use the command 'Tools\Document processing\Full text with the catalog Index' to create an index. now, everything works fine.

    Now, I want to tie this index to my first PDF file to automatically use this index on an advanced search in this file.

    I hope someone can answer me!

    Thank you.

    Now, I want to tie this index to my first PDF file to automatically use this index on an advanced search in this file.

    In the document properties:

  • I need help on creating reports on the intranet.

    I need help on creating reports on the intranet.
    My level: Beginner cf.
    Y at - it a book for report design? And structures for reports?
    ------------------------------------------------requirements
    my form needs one

    · Date of the box you want. (from and to).
    · Option button to choose the csv and html
    · Run and throw out the results in a tabular format. (grids, cell)


    How many cfm pages do need me for this? E.g. display, action.
    What called what?
    What else do I need?

    I suggest that you put your project on hold for a little everything and get and read the chapters appropriate Web Application Construction Kit of Ben Forta. You can learn more about it here - http://www.forta.com/books/0321223675/. Once you have the concepts down, you will have a much more concentrated idea on what to do.

Maybe you are looking for

  • WiFi only works in safe mode

    WiFi worked normally on my Mac Pro and then suddenly yesterday I received signal and an IP address but pages load. Other devices and computers work well with my wifi router. I can also surf the web very well when I boot in safe mode. However, when I

  • scaling

    Hello. I have an analog input that I am changing. It is to drive a power amp with 0-5 VDC. They would like to have a signal 0-10 VDC, for more information. The amplifier completely leads to 5VDC, even though I placed max = 10 and min = 0 on the DAQ m

  • Windows Media Player error: cannot burn CD

    Original title: why I can't burn a cd Why does say cannot burn CDs

  • Inkjet 960C: do not feed/print complete photo page

    When printing on photo paper, have tried different thickness, since two or three inches seem to stick to the printer. He feeds, but this last bit overprints and stutters.

  • My external headset will not work

    I have 4pc turtle beach headphones and I try to use it on my Dell Inspiron 1545. It is not a headphone port, but is equipped with headphone jacks and the microphone. I bought a converter for it. The speaker on the headset works fine, but I can't get