How to get small nav images to resize

I'm trying to get small images (~100x100 px) used for page navigation to resize in my CS6 responsive design. My CSS has width:auto and max-width:100%. This works when images fill across the entire div, but these small ones, which are a fraction of the div width, will not resize with the screen dimensions.
I see this work on BostonGlobe.com, but can't figure out how!
Can anybody educate me (and others) on how this is made to work?

Small images won't resize. For these and other reasons, it's best to avoid image based navigation. Use CSS to style your "buttons" or replace your current menu with one that is fully responsive in touch screen devices.
Project Seven Responsive Tabs (commercial DW extension)
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
Pop-Menu Magic3 by PVII (NEW commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
10 Responsive Menus
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Similar Messages

How to get the full image directory when i upload the image to web page???

hai, how to get the full image directory when i upload the image to web page???
here is the example:
<form action="uploadfile.jsp" method="post">
image<input type="file" name="image" />
<input type="submit" value="submit"/>
<%
String s=request.getParameter("image");
%>
<%=s%>
</form>
i upload the image from C:\image\center.gif. i use request.getParameter just can get the image name like "center.gif". Can anybody help me how to get the full path name. Thanks a lot..

There is no need to get the path. It is also fairly pointless as the server cannot access the client's local file system.
Carefully read this article how you can upload files the right way: http://balusc.blogspot.com/2007/11/multipartfilter.html

How to get a jpeg image to a movie with best possible quality

I've got a jpeg image from my 2 megapixel digital camera and I'm playing around with converting it to a movie. Yes, its a one image movie.
+QuickTime Pro+ does a superb job when I choose H.264, 1024 kb/s, but I can't get iMovie 5.0.2 to give me the same quality. This is what I have done:
1. Create a new movie as type MPEG-4.
2. Imported the jpeg image and adjust the time from 5 seconds to about 2 seconds.
3. Select Share, choose H.264, 1024 kb/s from the relevant option and after the movie making happens, the quality is obviously inferior to that from +QT Pro+.
*QUES 1*: Why is the quality inferior?
I have been to iMovie help and noticed this comment:
"When you import clips in a format different from your project, they are converted to the video format of your movie."
*QUES 2*: Is this why my jpeg image is losing quality? Is iMovie converting it to something else?
Further, when the jpeg image is first imported, it is assigned a clip time of 5 seconds. When I move one of the sliders to reduce the time to just a few seconds, I notice that a black band appears at the top of the image in the iMovie window and as I make the time smaller, the image zooms in and the black band becomes wider. Letterboxing at the top seems to be occuring. This I can't fathom.
*QUES 3*: Why does iMovie zoom in when I adjust time?
Any comments most appreciated, especially those that tell me if iMovie can make a movie from jpeg images with the same quality as QT Pro -- and how to do that.

Re the quality -- I think I have answered this one myself. Correct me if I'm wrong, but it seems to me that when I select a video option (DV, HD 1080 and so on), iMovie sets up a frame size to suit, and the frame size that iMovie sets up for MPEG-4 happens to be 640 x 480, thus the poor quality of my jpegs when I selected that option. The poor quality had nothing to do with the MPEG-4 format.
Now the interesting things is, MPEG-4 is not limited to 640 x 480. It can be any size. So my question is:
Ques: Can I set up a movie within iMovie that is any size I want? QT Pro gave better results because it allows any size movie at all, and thus adjusted the movie size to my jpeg size (1800 x 1200 pixels) when I imported an image from my digital camera.
As it stands, not even the highest quality option in +iMovie 5.0.2+ (HD 1080) can handle the images from my piddly-little 2 megapixel camera.
Message was edited by: Guy Burns

How to get a .tif image with n different colors?

Hi..i want to know how can i get a .tif image colored by some colors. I want to do something like this:
if(tifImage.pixel < 0.1) {
tifImage.pixel = yellow;
else if( 0.1 <= tifImage.pixel && tifImage.pixel <0.5){
tifImage.pixel = red;
up to n colors.
I prove the next code, but it is not getting the colors i want.
public void generateImage(BufferedImage bi,double alto,double medio,String output){
          int width = bi.getWidth(); // Dimensions of the image
          int height = bi.getHeight();
          // Some constant colors (as arrays of integers).
          int[] red = {255, 0, 0};
          int[] green = { 0,255, 0};
          //int[] blue = { 0, 0,255};
          int[] yellow = {255,255, 0};
          //int[] background = { 85, 85, 85};
          int[] background = { 255, 255, 255};
          // The original image data will be stored on this array.
          int[][][] imageData = new int[width][height][3];
          // We'll fill the array with a test pattern bars thingie.
          double[] pixelArray=null;
          for(int w=0;w<width;w++)
               for(int h=0;h<height;h++)
                    if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=9000){
                         //lo dejo blanco
                         imageData[w][h] = background;
                    else if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=alto){
                         //lo dejo rojo
                         imageData[w][h] = red;
                    else if(bi.getRaster().getPixel(w,h,pixelArray)[0]>=medio){
                         //lo dejo amarillo
                         imageData[w][h] = yellow;
                    else{
                         //lo dejo verde
                         imageData[w][h] = green;
          // Now we have a color image in a three-dimensional array, where the
          // third dimension corresponds to the RGB components.
          // Convert the color image to a single array. First we allocate the
          // array.
          // Note that this array will have the pixel values composed on it, i.e.
          // each R,G and B components will yield a single int value.
          byte[] imageDataSingleArray = new byte[width*height*3];
          int count = 0;
          // It is important to have the height/width order here !
          for(int h=0;h<height;h++)
               for(int w=0;w<width;w++)
                    // Rearrange the data in a single array. Note we revert RGB, I still don't
                    // know why.
                    imageDataSingleArray[count+0] = (byte)imageData[w][h][2];
                    imageDataSingleArray[count+1] = (byte)imageData[w][h][1];
                    imageDataSingleArray[count+2] = (byte)imageData[w][h][0];
                    count += 3;
          // Create a Data Buffer from the values on the single image array.
          DataBufferByte dbuffer = new DataBufferByte(imageDataSingleArray,width*height*3);
          // Create an pixel interleaved data sample model.
          SampleModel sampleModel =
               RasterFactory.
               createPixelInterleavedSampleModel(DataBuffer.TYPE_BYTE,
                         width,height,3);
          // Create a compatible ColorModel.
          ColorModel colorModel = PlanarImage.createColorModel(sampleModel);
          // Create a WritableRaster.
          WritableRaster raster = RasterFactory.createWritableRaster(sampleModel,dbuffer,new Point(0,0));
          // Create a TiledImage using the SampleModel.
          TiledImage tiledImage = new TiledImage(0,0,width,height,0,0,sampleModel,colorModel);
          // Set the data of the tiled image to be the raster.
          tiledImage.setData(raster);
          // Save the image on a file.
          JAI.create("filestore",tiledImage,output,"TIFF");
Thanks

I tried that. When I open one image and set the exposure, then go to open the second image, nothing happens. I then saved one image as a psd file, then it would let me open the raw file a second time. When I had both open on the same screen and dragged the layer from one into another image, the layer size ended up being different than the other file. It was shifted down and to the left. I need these images to be pixel locked, and the user experience I went through did not allow me to do this.
I also do not see a way to copy/paste layers between files.

How to get muliple teaser images using assetset:getmultiplevalues?

1. I have created a template called sample and Names it as sample.jsp
2. In the subTypes i selected a pageDefinition which i created alrady with the following page attributes
     1.teaserImager 2.teaserText
     Both attributes are Multiple
3. I then created a asset HomePage of asset type Page.
4. For that HomePage i applied a template sample which i created in Step 1.
5.I added 4 teaser images and teser texts in the contributor interface
6. In eclipse i am trying to modify sample.jsp to fetch the teaser images using assetset:getmultiplevalues. But no success?
Could anybody tell me how to fetch the teaser images using getmultplevalues?
Below is the code which is not working, just for ref.
<render:logdep cid='<%=ics.GetVar("tid")%>' c="Template" />
<assetset:setasset name="home" type="Page" id='<%=ics.GetVar("cid")%>' />
<assetset:getattributevalues name="home" attribute="teaserImages" listvarname="teasersImg" typename="PageAttribute" />
*<assetset:getmultiplevalues name="home" list="teasersImg" prefix="sample" />*
*<ics:listloop listname="sample:value">*
               *<insite:calltemplate tname="Detail" c="AVIImage"*
                    cid='<%=ics.GetVar("imageId")%>' assettype="Page"
                    assetid='<%=ics.GetVar("cid")%>' field="teasersImg" index="1" />
          *</ics:listloop>*
Above code gives me the exception saying
Exception in doEndTag() in tag com.openmarket.gator.jsp.assetset.Getmultiplevalues in page 'avisports/Page/InsiteLayout' in element 'Page/InsiteLayout' errno: -13102 errdetail: 0
com.openmarket.basic.interfaces.AssetException: Can't find attribute type: 1330543072207
thanks
Sri
Edited by: 987672 on Feb 12, 2013 12:15 PM

Hi Nick, I do see information on creating a slideshow with Quicktime at: http://www.apple.com/quicktime/tutorials/slideshow.html
however it appears Quicktime X removed that capability. There is no 'open image sequence' option from the File menu in Quicktime X.
If I do end up sticking with Final Cut - would you recommend any codec and/or dimension size that would result in the best quality or the most crisp image? I also need a few fade in's and out's on various parts - I don't believe I would have the control without Final Cut.
Would resizing the image files in Photoshop to 1920 pixels by 1280 before importing them into Final Cut result in crisper images? Thanks.

How to Get Windows 10 Image for Galileo

I purchased a Galileo gen 2 board and would like to start prototyping a project I have in mind -- but I cannot for the life of me figure out how/where to get a Win10 image for the board. I've signed up (twice) through the 'Connect' web site (and gotten
zero replies), and the links on the Connect site that talk about getting an image if you bought your board yourself just lead to a 404 error.
Any suggestions?

Figured this out.
sign up/join
MICROSOFT WINDOWS FOR WINDOWS DEVELOPER PROGRAM FOR IOT EULA
Under
Windows Embedded Pre-Release Programs Home / Programs Windows Developer Program for IoT
once you've joined and click on link below, you will see the downloadable link to get 170mb 9600.16384.x86fre.winblue_rtm_iotbuild.150309-0310_galileo_v2.wim - this file under EULA cannot be shared.
Hope this helps someone else.
Go create something using IoT!

How to get the jpeg image contained in a URL

I have a jpeg image which is contained in a URL
http://california.biocars.org/viewFrames2?seqDir=/data/pub&
fFileName=test
How can I get the image only? The file is not in jpeg format
but in some other format which adds two lines in front of a
jpeg file. This jpeg file is what I want. But how to get it?
Note that california.biocars.org/ is inside a firewall and can not
be viewed from outside.
Thanks.

right-click and select Save As... hahahaha

How to get and display image file through servlet

If I've got a jpg file on the server..
How can I use servlet to return that image via the following calling method
/displayfile?filename=image.jpg
the image.jpg in the server will return
I know that I need to set the content type to image/jpeg
after that, how can I return the image file to browser?

- Get the "file" Parameter from the URL QueryString
- check if the File specified exists on your filesystem
- read in the jpg from the file (best would be binary)
- set the right Mime Type (as you already wrote)
- write the filecontent to the ServletOutput as you would do with any other content
- that's it.

How to get the rendered image on portal.

Hi.
I have 2 problems..
(i)I have installed IBR. i have configured UCM with IBR through Provider.
Now i am able to get all the renditions.
But, can some one tell me, how can i get the rendered formats. Through Content ID, i can able to get only the native file. I need to get the rendered image also.
I need to use those rendered format image on portal.
(ii)
how to change the image resolution?
In damconverter_baserenditions.hda file contains those details, I need to change those details like, i need to change the rendition set according to my requirement. I changed that still it is not working. Kindly suggest me something.

(i)I have installed IBR. i have configured UCM with IBR through Provider.
Now i am able to get all the renditions.
But, can some one tell me, how can i get the rendered formats. Through Content ID, i can able to get only the native file. I need to get the rendered image also.
I need to use those rendered format image on portal.If you run a search that return also content items with multiple renditions, you will see a little camera symbol which opens RENDITION_INFO (or just call the service like http://server:port/instance/idcplg?IdcService=RENDITION_INFO&dID=X&dDocName=Y ). This will open the list of available renditions. You may copy the link to the desired rendition. It will look like http://server:port/instance/idcplg?IdcService=GET_FILE&dID=X&dDocName=Y&RevisionSelectionMethod=specific&Rendition=Web&allowInterrupt=1

How do get a dynamic image to open in new browser window

I'm using DW CS3, mysql (MAMP) OS 10.6.2 I'm designing my online store. I need the customer to be able to click dynamic image/thumbnails to view a larger image in a new browser pop up window 400 x 400. An example of this functionality can be seen at :
http://www.designpublic.com/spot-on-square-roh-dresser
So far I can get the separate new browser window to open with the dynamic image, using the open new browser behavior, but the on click also advances to next page with the larger image. You have to press the back button to get back to the product page. I want the customer to be able to see the product page , while viewing larger image, and then close larger image, and still have the product page open. I don't understand why 2 windows are opening.
Thanks for the help people!
William

Hi
I did look at it but, (and this is only my opinion, I do not like such effects) it is your decision.
If you view source you will see -
<a href="#" onclick="popWin('http://www.designpublic.com/catalog/product/gallery/id/12706/image/91883/', 'gallery', 'width=300,height=300,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;" title="Spot on Square Roh Dresser" class="gallery-image-link"><img src="http://arcsmedia01.s3.amazonaws.com/catalog/product/cache/2/thumbnail/56x56/5e06319eda06f020e43594a9c230972d/r/o/roh_dresser1.jpg" alt="" /></a>
Which is controlled by the javascript function
popWin()
which you can view using the firefoxe dev toolbar - view javascript function.
PZ

How to get Safari printing images in proper resolution?

I have problems printing high resolution images from a web page.
Example: When printing a 300 dpi image that measures 5 x 6 inches Safari rescales this image to a resolution of about 282 dpi which results in a slightly larger image. The web page contains CSS definitions with the correct image size. It is suspicious that the printed images always seem to be rescaled by 6.348%. I tried different CSS definitions and page structures with the same result.
When the CSS definition for the image size is increased by 6.348% the resolution and image size fits the original values and dimensions.
What about this magical 6.348%?
The problem is verified on 10.4.11 and 10.5 with Safari 3.0.1 on different machines with all kind of images in every resolution you can think of, with different printer drivers (but I do not think this is relevant) - all images are rescaled by this magic factor. I tried all kind of printer settings, took a look at the Library plists related to printing ... Please help me.
It is weird that Safari offers ICC support for color proof matches but is not able to print an image with its correct resolution/dimensions. Firefox for example does not touch the image resolution, why the heck Safari does?

Hi Ned,
Website builders are using maximum 75 DPI images. These are to small i quality for other use when you are looking for quality images. The reason for using images in small size like 75 DPI is to prevent that the website is getting to big in size, an for using them on the internet they are good enough for best viewing.
QuickTimeKirk is right to get better images from a website. If the developer is NOT offering a downloadble better quality you have to do it with the on they offer.
Dimaxum

How do I turn off "image auto-resizing"?

After upgrading to version 3.6.3, the browser is now auto-scaling my images. I turned off "auto-resizing" on the About:Config page (in other words, setting that parameter to "false") but Firefox is still auto-scaling my images. How can I prevent this?
== This happened ==
Every time Firefox opened
== I upgraded to version 3.6.3

If you have set the pref '''browser.enable_automatic_image_resizing''' to ''false'' on the '''about:config''' page then Firefox shouldn't resize images.
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]]
Reset the page zoom on pages that cause problems: '''View > Zoom > Reset''' (Ctrl+0 (zero); Cmd+0 on Mac)
See [[Text Zoom]] and [[Page Zoom]] and http://kb.mozillazine.org/Zoom_text_of_web_pages
.

How to get path of image from server side in form of URL

Hello,
I want to access images stored on server side local folder. How do I create a URL for that. Images in the folder changes dynamically, so I should be able to display the new modified images. Please help me.
Thanks in advance

Are you asking from client side to access server (local folder) images...
if yes
where the security goes....
please be in detail...

How to get crisp jpeg images for slideshow on a Mac with Final Cut?

Hi, I imported a large number of jpegs into Final Cut Pro and when I export to Quicktime Movie (not modifying the sequence size or settings I notice the quality of the jpeg images looks rather washed out and a bit fuzzy. The image dimensions of the jpegs are actually 2848 x 4272 and I was originally using a sequence setting of 720 by 480 (which scaled the images to about 12%). I experimented with doubling the sequence setting to 1440 by 960 and scaled the images to about 25.5% - still a bit washed out look.
Basically this will be a presentation on a computer and output via projection. Looking for best possible and clearest photos. I experimented with iPhoto and when you play a slideshow it looks very crisp - this is what I am aiming for. When I export using the Slideshow export at the largest size 640 by 480 in iPhoto to quicktime - the quality seriously deteriorates.
What would be the best way to maintain the crispness of the photos in Final Cut for an export to Quicktime that would be show on a Mac via a projector? Thank you

Hi Nick, I do see information on creating a slideshow with Quicktime at: http://www.apple.com/quicktime/tutorials/slideshow.html
however it appears Quicktime X removed that capability. There is no 'open image sequence' option from the File menu in Quicktime X.
If I do end up sticking with Final Cut - would you recommend any codec and/or dimension size that would result in the best quality or the most crisp image? I also need a few fade in's and out's on various parts - I don't believe I would have the control without Final Cut.
Would resizing the image files in Photoshop to 1920 pixels by 1280 before importing them into Final Cut result in crisper images? Thanks.

How to get the empty image box?

Hi,
i have an form.In that form i want empty image box to upload picture like orkut etc.
How can i achieve this?
Regards
D.Mahesh babu

Hi prasanth,
i have attatched one image.In that photo upload will be there.Below that empty image
i will put one button for browsing.I want to display that empty image in my form control.
How can i achieve thsi?

How to get small nav images to resize

Similar Messages

Maybe you are looking for