Solved

URL to pass image name to a web page

Posted on 2014-09-16
2
169 Views
Last Modified: 2014-09-16
I know we can open an image in a browser: http://www.mysite.com/imagename.jpg

I need to add some style(size) to the image. I'm thinking that if I could pass the name of the jpg in the url I could create a webpage containing the style. For example something like: http://www.mysite.com/imagewrapper.html?imagename.jpg

In the imagewrapper.html page I would need to collect the imagename , add some style to it like style="width:250px;"

The idea is that no matter what the original size of the image or the size of the browser window is the image will always display with a width of 250 pixels.

Any suggestions?
0
Comment
Question by:Gary Samuels
2 Comments
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 250 total points
ID: 40325789
I am not at all sure I understand what you are trying to do. If you want am image to render at a specific size you simply apply the style in the page where it resides.

Cd&
0
 
LVL 33

Accepted Solution

by:
Big Monty earned 250 total points
ID: 40325804
I think you're better off displaying the image in a modal dialog box rather than a brand new page. jquery offers several options, I particularly like LightView the best as it's easy to customize and the docs are pretty decent. ColorBox is also a good option for a simpler approach
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
alert on input text 2 23
CSS DIV Height in Percent 1 25
Accordion won't close correctly 5 12
Hta File displays dynamic File names 4 43
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question