Mouseover text image/caption display

One of my favorite web sites uses a very effective technique
that links floating boxed captions (sample below) or thumbnails to
selected text, usually id'd by dotted underlines, on mouseover. Any
ideas on sourcing an extension?
thanks
John

Do a search around for Tooltip or tool tip - that should find
it.

Similar Messages

Text Alignment - Image Captions

I am trying to set up a wiki page with various images, and wanted to provide each image with a caption (displayed underneath). What is the best way to achieve this? I haven't seen any options for text alignment in the wiki, and it strips my CSS attributes out.
Ideas?

I have been able to solve this in the following manner:
1) Switch to code view by clicking on the "" button.
2) Add your image that will have a cation using the following syntax:
The longdesc attribute will be used as the target location in case you want to link it (I haven't yet figured out how to make the link work in the same browser without opening a new window).
The key here was to use the thumbnail class.
Any other thoughts or insights that you may have related to this?
Thanks!
-Mike
Message was edited by: Miggl

Change the text of a region when mouseover an image

Well I have a table of images (4x3) and above it I want the
description for each product to display when the user mouses over
the image. How can this be done so that it will work in both IE and
Firefox?
Thanks

Use the DW Behavior called "Set Text", to set the text of
that display
region to any value you want.
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
==================
"Tucker Companies" <[email protected]> wrote
in message
news:g2oosr$9tk$[email protected]..
> Well I have a table of images (4x3) and above it I want
the description
> for
> each product to display when the user mouses over the
image. How can this
> be
> done so that it will work in both IE and Firefox?
>
> Thanks
>

More information re my problem with text image

Hi All
I have designed some text headings (which are in colour) with a transparent background in fireworks and exported it (gif) to Dreamweaver. That is all good. But when I place the text image (as a background image) in Dreamweaver the text has (in places) white edges which I dont want. Any ideas why this is happening???
Any advice
Paul

Just a quick update. There's good news from my side. :-)
Thanks to the Oracle support, with the help from Metalink team, this problem has been resolved now.
Here's what BEFOREPARAMFORM trigger contained:
BEFORE (Original code)
===========
:P_START := TRUNC(SYSDATE);
AFTER (Modified code)
===========
IF :P_START IS NULL THEN
:P_START := TRUNC(SYSDATE);
END IF;
The justification for adding IF statement in BEFOREPARAMFORM trigger has been explained in the following link:
http://www.oracle.com/webapps/online-help/reports/10.1.2/topics/htmlhelp_rwbuild_hs/rwrefex/plsql/triggers/tr_before_param_form.htm
Cheers
Mayur
PS : One thing that I had forgotten to mention about this problem in my original post was that I was facing this problem ONLY when I call the report from Forms using Run_Report_Object method.
But if I run the report directly from the browser by entering the URL (for e.g. http://wt0001:8889/reports/rwservlet?server=my_repsrv&report=report1.rdf&desformat=pdf&destype=cache&userid=user1/pwd1@db1&paramform=yes) into the address field, the report was working fine, which means that the initial values are populated into the parameters on the parameter form and then later by changing the values in these parameters (text item), the report displays the results correctly.
So this problem was only occuring when I tried to run the report through Forms by creating the REPORT_OBJECT in the Form and using RUN_REPORT_OBJECT to generate the report and then using WEB.SHOW_DOCUMENT to publish the report in the browser.

Overriding DPI of images when displaying them in WPF

Posting following because it might help someone else. It took me quite
while to figure this one out.
I started learning C# and WPF recently. I hadn't had so much fun since the
late 1990s when I learned Java.
But I stumbled on one major irritant working on my project, a picture viewer.
Contrary to just about every environment I've encountered, WPF insists on
taking the DPI of images into consideration when displaying them. What I want
is to display the images in some area of my app, pixel-for-pixel unless that
results in the picture going beyond the frame, in which case the image
needs to be scaled down so it fits. I don't want to have a larger image because
the DPI is smaller than 96, and I don't want a smaller image because the DPI
is higher than 96.
As far as I'm concerned, DPI is more often than not a useless number. Two
examples.
1) My camera arbitrarily assigns a DPI value of 72 to all pictures it takes.
   But what "inches" are we talking about here? Obviously there is no answer
   to that question. So it's a meaningless number.
2) If I scan a 35 mm color slide, I will probably do so at a DPI value of
   something like 2400, but I'd sure want to display the resulting image much
   larger. By default, WPF will show it at original size, totally useless.
   The DPI here is certainly meaningful, but not as a display parameter!
I compared two images from same original (leware.net/photo/dpi.html),
one resized to a DPI of 48, the other to a DPI of 192. In a hex editor,
except for the one byte that encodes the DPI value, the two files are
identical. It's the same image, with a different DPI value, but no other
differences.
So how do I get a WPF picture viewer to display images without taking their
DPI into consideration? As every browser and viewer I know will do?
At first, I thought that I would be able to do something like:
    BitmapImage img = new BitmapImage();
    img.BeginInit();
        img.UriSource = new Uri(somePathOrUrl);
        img.DpiX = 96.0;   // override
        img.DpiY = 96.0;
    img.EndInit();
But DpiX and DpiY are "get" only, not "set". Yet, it's just a simple number,
and changing it before WPF does anything with the image does not sound like a
big challenge (even when waiting for DownloadCompleted event). It's almost as
if the WPF designers decided that WPI was sooo important that they would never
allow anyone to modify the value...
The first approach I tried used RenderTargetBitmap (created at 96 DPI),
DrawingVisual, DrawingContext classes. Seems quite complex. It worked, but
I wouldn't call it elegant.
After much browsing (and with improving understanding), I found a better approach.
In simple terms, I set the Image's Width and Height to PixelWidth and PixelHeight
(which essentially makes the resulting DPI to be 96), and I set the Image's
MaxWidth and MaxHeight to the space available to the Image in the app, to force
scaling if the source is too large. I used Stretch=Uniform. Code fragments below.
The Image is placed in a UniformGrid container which provides the MaxWidth and
MaxHeight, and which centers the Image inside.
This approach is quite a bit more elegant, it removed nearly 100 lines of code
from the app. I still think though that it's not as simple as it could be.
I had also read about "DPI awareness", didn't really understand it, but it seems
to deal with DPI of display device, not of source images.
So two questions:
1) Is there a even easier way, esp. a way to directly modify or ignore an image's
   DPI values before using it (without copying the image into some new bitmap)?
2) Barring that, is there something simpler than above?
Note that I'm fine with the application being otherwise DPI aware (fonts,
buttons, &c).
Thanks
WPF code fragments of the trivial application I used to fine-tune the second
approach. The two images are 160x100 pixels (but any pair of images smaller
than the display will do the trick), one at DPI 48, one at DPI 192, and named
IMG_6726s48.jpg and IMG_6726s192.jpg. The both show at the same size, as I
wanted.
To see the original problem as I experienced it, set Stretch=None and comment
out the two pairs of lines that set image.Width and image.Height.
XAML
<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="512" Width="512">
    <Grid>
        <TextBlock Name="lpvMessage" Text="(messages)" Margin="2,2,10,0" VerticalAlignment="Top" TextWrapping="NoWrap"/>
        <UniformGrid Name="grid" Margin="48,48,16,16" Background="LightGray" SizeChanged="gridSizeChanges">
            <Image Name="image" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" MouseDown="onClickInImage"/>
        </UniformGrid>
        <Button Content="48" HorizontalAlignment="Left" Margin="10,68,0,0" VerticalAlignment="Top" Width="32" Click="buttonClick"/>
        <Button Content="192" HorizontalAlignment="Left" Margin="11,93,0,0" VerticalAlignment="Top" Width="32" Click="buttonClick"/>
    </Grid>
</Window>
XAML.CS
namespace WpfApplication1
    public partial class MainWindow : Window
        public MainWindow()
            InitializeComponent();
            grid.Background = new SolidColorBrush(Color.FromArgb(0xFF, 0xF0, 0xF0, 0xF0)); // shows grid for testing
            changeImage("48");
        private void changeImage(string dpi)
            BitmapImage img = new BitmapImage();
            img.BeginInit();
            img.UriSource = new Uri("R:/IMG_6726s" + dpi + ".jpg"); // IMG_6726s48.jpg or IMG_6726s192.jpg.
            img.EndInit();
            image.Source = img;
            lpvMessage.Text = "Loading :/IMG_6726s" + dpi + ".jpg";
        private void onClickInImage(object sender, MouseButtonEventArgs e)
            BitmapImage isrc = image.Source as BitmapImage;
            image.Width = isrc.PixelWidth;       // "ignores" DPI
            image.Height = isrc.PixelHeight;
            image.MaxWidth = grid.ActualWidth;   // prevents scaling larger than 1:1
            image.MaxHeight = grid.ActualHeight;
            bool shifted = Keyboard.IsKeyDown(Key.LeftShift) || Keyboard.IsKeyDown(Key.RightShift);
            if (shifted) // shift-click to toggle Stretch between Uniform and None
                if (image.Stretch == Stretch.None)    image.Stretch = Stretch.Uniform;
                else
image.Stretch = Stretch.None;
            lpvMessage.Text = "grid.ActualSize=" + grid.ActualWidth + "x" + grid.ActualHeight +
                " image.ActualSize=" + image.ActualWidth + "x" + image.ActualHeight +
                " isrc.PixelSize=" + isrc.PixelWidth + "x" + isrc.PixelHeight +
                " image.Stretch->" + ((image.Stretch == Stretch.None) ? "None" : "Uniform");
        private void gridSizeChanges(object sender, SizeChangedEventArgs e)
            BitmapImage isrc = image.Source as BitmapImage;
            image.Width = isrc.PixelWidth;       // "ignores" DPI (redundant here
            image.Height = isrc.PixelHeight;
            image.MaxWidth = grid.ActualWidth;   // prevents scaling to larger than 1:1
            image.MaxHeight = grid.ActualHeight;
            lpvMessage.Text = "grid.ActualSize=" + grid.ActualWidth + "x" + grid.ActualHeight +
                " image.ActualSize=" + image.ActualWidth + "x" + image.ActualHeight +
                " isrc.PixelSize=" + isrc.PixelWidth + "x" + isrc.PixelHeight +
                " image.Stretch->" + ((image.Stretch == Stretch.None) ? "None" : "Uniform");
        private void buttonClick(object sender, RoutedEventArgs e)
            Button b = sender as Button;
            string dpi = b.Content as string;
            changeImage(dpi);

Being able to ignore DPI is all I'm asking for, and what I've always done for decades
If the objective is to fill the Window, then yes, it's simple, as the following example of a thumbnail image shows:
<Grid>
<Image Source="http://leware.net/temper/42fp.jpg"/>
</Grid>
Result below. DPI doesn't matter, pixel sizes don't matter, the source fills the Image control, while respecting the proportions.
But I don't want the image to fill the space available if it doesn't have enough pixels, it looks fuzzy and I don't like that.
So I add Stretch=None to the Image control, and it solves my problem, the image is shown at a size that corresponds to its pixel size (63x87), centered.
<Grid>
<Image Source="http://leware.net/temper/42fp.jpg" Stretch="None"/>
</Grid>
The above two XAML fragments give the following results:
The second is what I want. So Stretch=None, unless the image is larger than display area, in which case Stretch=Uniform.
Now I try my two test images, also with Stretch=None because they are smaller than display area.
These two images are both 160x100 pixels, and, when compared in a hex editor, differ
only in the couple of bytes that store the DPI value (0x0030 vs 0x00c0),
all the rest is the same.
<Grid>
<Image Source="http://leware.net/photo/IMG_6726s48.jpg" Stretch="None"/>
</Grid>
and
<Grid>
<Image Source="http://leware.net/photo/IMG_6726s192.jpg" Stretch="None"/>
</Grid>
Here's what I see:
DPI obviously does matter here, much to my surprise. WPF's behavior was unexpected. That was my original problem.
The DPI 48 image is enlarged by a factor of 2, the 192 DPI image is reduced by a factor of 2. What I want is in between, and the same for both images, a display based only on pixel sizes, like most browsers and picture viewers do.
In other words, I want one image pixel to be one display pixel, downsized to fit if the image is too large, but never enlarged beyond 1:1 to fill the available space.
I had a hard time figuring out how to get those two small images to show identically.
I finally got what I wanted with the solution at the top of this thread (overriding size of Image control instead of DPI). I'm sharing because it might help someone else.
Is there a better way to handle this when the DPI is arbitrary? Isn't there a way to just tell WPF to ignore images' DPI values or simply override it (force an image's DPI to 96)?
Quite possibly I'm trying to do something which does not quite fit in the philosophy of WPF. Maybe I'm closer now, I'm still learning (this discussion is helping).
I won't be surprised if my application misbehaves when the DPI of the display is not 96. Not a concern for now.

Why are images not displaying at correct resolution in emails?

I've just upgraded to Windows 7 (64bit).
Thunderbird is not displaying images at the correct resolution: images that I insert into the body of an email and images used in my signature.
The images appear larger than they should and pixelated.
It seems that images are not displaying at the correct resolution inside my emails, whereas in other programs on my machine images are displaying correctly.
When I insert and image into an email using insert>image, the resulting "Image Properties" window displays the image's dimensions correctly. This confirms my suspicion that the resolution is not displaying correctly inside emails (a lower resolution than elsewhere on my screen, which would explain why the images appear bigger and pixelated).
I'd appreciate any help in fixing this problem.
Regards,
Catsix

Hi Zenos,
I've discovered what is causing the problem, but I still need a way to fix it, if possible.
The cause of the problem is that in Windows 7 Control Panel > Display I have set the size of "text and other items" to 150% (otherwise everything is much too small too read on my screen's recommended resolution of 1920×1080).
I discovered that Irfan Viewer was also displaying at the incorrect resolution, but I managed to solve that problem by right-clicking on the IrfanView.exe icon and following Properties > Compatibility and selecting "Disable display scaling on high DPI settings".
I tried the same procedure with Thunderbird, but it made no difference. It is still displaying at the incorrect resolution.
Any suggestions?
Regards,
Catsix

Cp5 - Text Entry Box - Fill Alpha =0 Text doesn't display

In previous versions I was able to select a trans background for text entry boxes. They've created a Fill and Stroke option where I can select Fill Alpha=0 (tranparent) but when I select that, the text doesn't display in the text box when I type, as it did in the previous version. When I go to the style editor, the preview displays correctly. My text colour is black and the image is white.
Thoughts?
M-

It is aknown bug that they are working on. Alas.

Image path displays instead of image

Firefox v20.0.1, Win7 32 bit.
This web page ( http://zone.ni.com/devzone/cda/epd/p/id/5336 ) does not display the "flowchart"image at the bottom of the page immediately following the text "The following is a map of other documents..." On a correctly working page, the image is a flowchart "navigation" image that opens new pages depending on where you click on it. In firefox only a box with an ftp path to the image is displayed in its place. I have seen the problem on other web pages as well.
Actions taken:
The pages displays correctly in IE v10. This problem happens on one computer. Different computer, same firefox version displays correctly. Different computer older firefox version (v17?) displays correctly.
* I have tried disabling all plug-ins and extensions.
* I have created a new profile. Seems like the first time I did this, the page displayed correctly, but when I refreshed (F5) the image is gone and the ftp path box is displayed. Subsequently created new profiles do not display the page correctly.
* I have tried resetting Firefox and the page still is not displayed correctly.
Troubleshooting:
Ctrl-shif-K, opened the Web Console, cleared the console output, refreshed the page by pressing Ctrl-F5. The following is several lines following the first error on the console:
[09:12:29.360] Unknown property '-moz-border-radius'. Declaration dropped. @ http://zone.ni.com/widgets/share/addthis/1.0/css/share.css:11
[09:12:29.360] Expected declaration but found '*'. Skipped to next declaration. @ http://zone.ni.com/widgets/share/addthis/1.0/css/share.css:13
[09:12:29.406] GET http://ct1.addthis.com/static/r07/core076.js [HTTP/1.1 200 OK 167ms]
[09:12:29.392] Unknown property 'size'. Declaration dropped. @ http://zone.ni.com/css/global/us/zoneprint.css:15
[09:12:29.392] Expected declaration but found '@bottom-center'. Skipped to next declaration. @ http://zone.ni.com/css/global/us/zoneprint.css:17
[09:12:29.497] GET http://zone.ni.com/css/global/us/thecore.css [HTTP/1.1 200 OK 26ms]
[09:12:29.452] Expected identifier for class selector but found ' '. Ruleset ignored due to bad selector. @ http://zone.ni.com/css/global/us/thecore.css:115
[09:12:29.453] Error in parsing value for 'filter'. Declaration dropped. @ http://zone.ni.com/css/global/us/thecore.css:259
[09:12:29.453] Error in parsing value for 'cursor'. Declaration dropped. @ http://zone.ni.com/css/global/us/thecore.css:259
Any help is greatly appreciated.

You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious and if you have a password or other data from that domain that you do not want to lose then make a note of those passwords and bookmarks.
You can't recover from this 'forget' unless you have a backup of the affected files.
It doesn't have any lasting effect, so if you revisit such a 'forgotten' website then data from that website will be saved once again.

Export to EPUB large image & caption on 1 page

I can't seem to do something that should be very simple. I've spent 2 days on this, checking out Lynda,con courses, and forums. But can't figure it out!
After each chapter, I would like:
1. A full page photo and caption underneath it on same page. It doesn't need to bleed, but I'd like the images to be LARGE, basically take up most of the page (and be centered vertically, if possible, but I can live without that.)
2. The anchored image/caption group should adjust so it takes up roughly the same proportion of the page, if viewed as a single page (e.g when looking at ibooks in portrait position, as it does when looking at it horizontally, meaning it would scale down and look like it takes up most of the page proportionately when page is smaller.)
I grouped the image and caption then anchored them into the text flow. I exported so it would break before the paragraph the image/caption group anchored to, so the image DOES start on a new page. But sometimes the caption is with the photo (portrait view) and sometimes on the next page (landscape view). I've tried all kinds of combos with object styles. Can't get it to work. I know it should be simple, since it's a pretty basic design idea.
When viewed horizontally:
For both photo 1 @ 2, the caption is on a new page. On photo 2, the caption is cut off.
When viewed vertically:
For photo 1, the caption is on top of the photo (I thought you couldn't overlap things in Epub3!). For Photo 2, image and caption appear on same page, but image looks small.
The packaged Indesign files are available here
https://dl.dropboxusercontent.com/u/18648953/TestforForum.zip
Thanks!!!

Hi Pooja:
Thanks for your response. I am on CC v.9.2. I took some screenshots from my ipad (I am using the ibooks viewer) to better explain the issue.
Screenshots
1. Test1—photo1: (This is taken from the file in the TestforForum.zip. See link in the original post). This shows roughly how large I want the images to appear. It could be a bit smaller so the caption fits. (Is that why it appears on top of image?)
I didn't take a screenshot, but when you turn ipad landscape, the photo is nice and big, but the caption moves to the next page. I'd like it to scale down proportionately, so the photo and caption are on one page, and fill most of the page.
I did note that these group items are taller than 600 px. So I did another text, making sure the groups were less than 600px high.
2. Test 2—Photo1: (See link below)
The grouped image and caption is 599 px tall. But look how TINY it is on the page now! In landscape mode, it does fill the page, but the caption is cut off.
I uploaded these new files to dropbox, so you can help decipher the exact issue.
https://dl.dropboxusercontent.com/u/18648953/Testforforum2.zip
3. As far as captions getting cut off, I found I needed to make the text frame much taller. I'm guessing this is to accomodate caption fonts becoming bigger when scaled on the reader. BUT if I make the frames taller, that means the photo has to be even smaller, to fit within 600 px height when grouped.
I hope you'll take a look at the two sets of zipped files. I've tried everything I can think of. Please let me know if you need screenshots of the landscape mode.
Thank you!!!! I REALLY appreciate your help on this. Jami

Text doesn't display in flash

my flash movies work fine on every computer i have tested
(about 10 both macs and pc's) but i have found one where the flash
movies play (images and animation appear fine) but the text (static
text) doesn't display at all! there is also no streaming video. the
audio works just fine but the video is not there. is this an
internet options configuration problem with this one machine or is
this a bigger problem that is going to bite me in the butt when i
launch my site.
also- do any of you know of any beta testing services that
will test my site on lots of different machines with different
configurations so that i can feel confident that my site is robust
enough for a lot of users?
thank you

Hey, yall - I'm having the same problem. Anybody got
anything???
The text - even static/non-animating text - is not appearing
on some peoples browsers. Not only that, but it also doesn't appear
in my client's Contribute program - f'in' wierd!
http://christina-ammon.com/index.html

Cpt 5 - Quiz Answer Text Doesn't Display

Situation: I've created a course with mutliple lessons. At the end of each lesson I use quiz pages to ask knowledge recall questions. These are scored but given a value of 0 points.
At the end of the course, I have a quiz that is scored.
Problem: On my machine, the quiz functions as it should. When I have collegues test it, the quiz answer text does not display. The check boxes and the letters display. Clicking a check box works but when CheckIT (the submit button) is clicked it provides the feedback that an answer must be given.
This page has a video on it, others do not with the same display.
I thought it might be a font issue, but when I changed it to Arial, not change. Also, why would the font affect the fucntionality (i.e., clicking a checkbox not work)?
Any thoughts?
Thanks, in advance, for any help.
Michael

Looks like you may have removed some of the standard elements that are required for a quiz question to function. I suggest you insert a new quiz question and this time don't remove any of the standard captions or the review area.

Why is the logo image not displaying in Firefox?

The logo image for one of my sites is not displaying. The alt info for the image is being displayed. This is a relatively new problem. In older versions of Firefox the image displayed fine. The image also displays fine in Webkit browsers and IE10. This is a Firefox specific problem. The main URL for the site is: http://sabaki.aisites.com/dbs323/project/masterAi.php
If you go to that URL in Firefox you'll see "logo gif" split onto two lines and before the "COTin" text. If you view the same URL in Chrome or IE10, you'll see the image. I have screenshots of the problem, but there is no way to include them here.

Works fine here.
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (MAC)
If you use extensions (Tools > Add-ons > Extensions) like <i>Adblock Plus</i> or <i>NoScript</i> or <i>Flash Block</i> that can block content then make sure that such extensions aren't blocking content.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Styling image that displays after clicking thumb ?

Hello,
Below is a snippet from your average list of thumbnails that lead to a full sized image when clicked.
<ul> <li> <a href="fullsizeimage.jpg"><img src="thumbnail.jpg" /></a> </li></ul>
The full sized image of course opens "stand-alone" in a new window.
Now, given this HTML, and without using tables or frames, is it possible to style/position the fullsize image?
Thanks!

Guermantes wrote:
Could one then use some simple javascript (I am a beginner there) to "grab" the image and "insert it" into a preexisting placeholder DIV, either at an anchor position further down on the page or in another page altogether? With an anchor position I guess one could use a large margin-top value to get the image to display by itself onscreen.
Could do it with php using a predifined set up page and passing a variable through the url link?
First you need to link to the thumbnail to the predifined page (below I've called it largeImage.php. Then add a variable to the page. Say your large image is a pic of a 'horse' - add ?id=horse to the end of the link (see below)
<a href='largeImage.php?id=horse'><img src="thumbnail.jpg" width="75" height="75" /></a>
Then in the 'largeImage.php' page you'd 'GET' the 'id' from the variable passed to the 'largeImage.php' page from the link and then echo the image using php (see all code below). Position the <div> where the image will appear with css as shown.
<?php
$id=$_GET['id'];
?>
<!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>Large Image</title>
<style type="text/css">
#imageHolder {
width: 200px;
height: 200px;
margin: 100px 0 0 100px;
border: 1px solid #000;
</style>
</head>
<body>
<div id="imageHolder">
<img src="<?php echo $id.'.jpg';?>" />
</div>
</body>
</html>
So therefore ALL your thumbnails would link to the one 'largeImage.php' page and get the image based on the variables passed to it via the link: horse, cat, dog etc:
<a href='largeImage.php?id=horse'><img src="thumbnail.jpg" width="75" height="75" /></a>
<a href='largeImage.php?id=cat'><img src="thumbnail.jpg" width="75" height="75" /></a>
<a href='largeImage.php?id=dog'><img src="thumbnail.jpg" width="75" height="75" /></a>

Some images not displayed on localhost

I just recently installed CF on my own computer as localhost with Apache. When I call a Coldfusion page in http://localhost/main.cfm it will show the text and some images. However, it will not show all the images. All the images are stored under the local htdoc/images, which should be http://localhost/images/myimage.jpg. The weirdest thing is that some small images are being displayed while the larger images are not being display in the main.cfm They are all being called the same way e.g. <IMG SRC="images/myimage.jpg"> or <IMG SRC="images/myimage2.jpg"> etc. Does anyone know why this is happening?
Also if I reference it directly http://localhost/images/myimage.jpg etc on the browser, it will display an error message that says "The image http://localhost/images/myimage.jpg" cannot be displayed because it contains errors". This happens to most images. The images will display on live site when I uploaded. So I am totally puzzled.

Since you’re using Apache, are you also using Linux (or OS X)? If so, note that those are case-sensitive. Make sure that’s not what’s tripping you up. Also, you can check your apache access logs to see what’s happening to the requests that it received, whether for image or other files. It will show the status code. Maybe they will show being 404 errors. You may also want to tight-click on an image, and choose to copy the image link, then past that in your browser and see what it may show. You may see errors there that you are NOT shown when the image is requested from within a page.
/charlie

Why are the CAPTIONS displayed smack across everyone's face?

Why are the CAPTIONS displayed smack across everyone's face on the screen??? I need the captions to HEAR better but I still want to SEE the show. When the text is displayed across everyone's eyeballs it's very disruptive. And I want ONE BUTTON on my remote to turn captions on/off; from a user perspective it is unnecessary to go through the menu settings everytime. Take a stand and do something about improving CAPTIONS!!!

mibrnsurg wrote:
skeeterintexas wrote:
JoannaG wrote:
Why are the CAPTIONS displayed smack across everyone's face on the screen??? I need the captions to HEAR better but I still want to SEE the show. When the text is displayed across everyone's eyeballs it's very disruptive. And I want ONE BUTTON on my remote to turn captions on/off; from a user perspective it is unnecessary to go through the menu settings everytime. Take a stand and do something about improving CAPTIONS!!!
The CC text is on the bottom third of the screen. I don't understand the problem. *shrugs*
Actually when I first replied, I checked the CC on the channel I was on and it was in the 'face' position the OP complained about. Now checked here on recording of Sprint Cup qualifying and it's at the bottom. Looks like some are not in the bottom 1/3 of the screen.
Chris
Please NO SD stretch-o-vision or 480 SD HD Channels
Need Help? PM ATT Uverse Care (all service problems)
ATT Customer Care(all other problems)
Your Results May Vary, In My Humble Opinion
I Call It Like I See It, Simply a U-verse user, nothing more
You're right...some closer to the bottom, some closer to the top. I wonder if it's a network decision or just random.

Mouseover text image/caption display

Similar Messages

Maybe you are looking for