Display picture on another web page
Hi,
I'm a NEWBIE to dreamweaver...
I have a web page that contains several pictures (small). When the client clicks on a small picture I want to display that particular picture (bigger) on another page. How would I go abouts doing this? Do I have to pass the filename, of the picture, to the other page? If so, what is the best way to do this.
I currently use HTML and CSS to code the web site.
Please Help.
Thanks in advance,
Marc
I have a web page that contains several pictures (small). When the client clicks on a small picture I want to display that particular picture (bigger) on another page.
Linking to an image as you have suggested doesn't link to a page as the OP described. An image is not a page unless it's contained in a page. If it's just an image then it's just that: just an image. It may open in a browser window or tab, but a browser window or tab is not necessarily a page. Link to a page by placing the image in the page in similar manner as how the thumbnails were added to a page then link thumbnail to the lardger image page by using anchor tag.
<a href="you_image_page.html"><img src="th_thumb_image.jpg" ...
best,
Shocker
Similar Messages
-
Help in retrieveing Blob from Oracle db and display it on a web page
I am using Sun Studio creator2 and this is what I want to achieve:
When I click on "Load" button, the image is displayed on the web page(the application is a web application)
I have dropped the "image" object from the pallette
Having the database image displayed in the image field, when I enter the image ?Id? and click on the ?Load? button.
Here is my piece of code:
public String loadButton_action() {
HttpServletRequest request = null;
HttpServletResponse response = null;
String connectionURL = "jdbc:oracle:thin:@//localhost:1521/cdecentre1";;
/*declare a resultSet that works as a table resulted by execute a specified
sql query. */
ResultSet rs = null;
// Declare statement.
PreparedStatement psmnt = null;
// declare InputStream object to store binary stream of given image.
InputStream sImage;
Connection connection = null;
String driverName = "oracle.jdbc.driver.OracleDriver";
String dbName = "cdecentre1";
String userName = "christian";
String password = "cc";
String theid = (String)idField.getValue(); //reading the image id
try{
Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
connection = DriverManager.getConnection(connectionURL, userName, password);
/* prepareStatement() is used for create statement object that is
used for sending sql statements to the specified database. */
psmnt = connection.prepareStatement("SELECT image FROM CHRISTIAN.PICTURES WHERE id = ?");
psmnt.setString(1, theid);
rs = psmnt.executeQuery();
if(rs.next()) {
byte[] bytearray = new byte[1048576];
int size=0;
sImage = rs.getBinaryStream(1);
//response.reset();
response.setContentType("image/jpeg");
while((size=sImage.read(bytearray))!= -1 ){
response.getOutputStream().write(bytearray,0,size);
rs.close();
psmnt.close();
connection.close(); } }
} catch(Exception ex){
System.out.println("error :"+ex);
return null; }
At the moment, when I click on the ?Load? button, the image is not present in the image field.
I am only obtaining a message inside the message component.
What should I do to have the image displayed in on the web page?
Your help will be highly appreciated.A comprehensive dissertation from Javaworld: http://www.javaworld.com/javaworld/jw-05-2000/jw-0505-servlets.html
Published 05/05/2000, ergo Java 1.0/1 era... still a valid explanation of the problem and the fundamental solution, but take the code (esp ImageIO) from here
http://blog.codebeach.com/2008/02/creating-images-in-java-servlet.html
1. package com.codebeach.servlet;
2.
3. import java.io.*;
4. import javax.servlet.*;
5. import javax.servlet.http.*;
6. import java.awt.*;
7. import java.awt.image.*;
8. import javax.imageio.*;
9.
10. public class ImageServlet extends HttpServlet
11. {
12. public void doGet(HttpServletRequest req, HttpServletResponse res)
13. {
14. //Set the mime type of the image
15. res.setContentType("image/jpeg");
16.
17. try
18. {
19. Create an image 200 x 200
20. BufferedImage bufferedImage = new BufferedImage(200, 200, BufferedImage.TYPE_INT_RGB);
21.
22. //Draw an oval
23. Graphics g = bufferedImage.getGraphics();
24. g.setColor(Color.blue);
25. g.fillOval(0, 0, 199,199);
26.
27. Free graphic resources
28. g.dispose();
29.
30. //Write the image as a jpg
31. ImageIO.write(bufferedImage, "jpg", res.getOutputStream());
////////////// NICE !!!! //////////////
32. }
33. catch (IOException ioe)
34. {
35. e.printStackTrace();
36. }
37. }
38. } Edited by: corlettk on 19/01/2009 23:22 ~~ {color:#FF0000}Never{color} eat an exception! -
I have just upgraded from CS 6 (Dreamweaver) and now when I click on a picture on a web page in Dreamweaver it doesn't go to the folder where the photo is stored anymore. If this continues I'll have to go back to CS 6 as I have to put in alot of photos.
I am using dw cc and I just double click picture I want to change in dreamweaver cc and my image folder opens, select new photo and then it updates and I am good to go, I am using a mac
-
I need to take a picture of a web page, insert it onto a powerpoint online, and crop the picture. I am pressing the print screen button, and right cliking paste. But I am getting the warning message saying that my browser can not use the clipboard, and I am unsure of how to take a picture, then paste it, and crop it all on to a power point.
http://portableapps.com/apps/internet/firefox_portable/localization#legacy36
-
Link to specific text from another web page
Hello all
Is is possible to link from one page to a specific piece of
text in another web page in the same site? I have tried named
anchor, hyperlink, etc but it just goes to the page rather than the
text. I don't know if I am attempting the impossible. Can you help?
Thank v much.> This also has a css rule so this 9pt thing is left over
from copy and
> pasting
> from Word. I have it cleaned up as you suggested but I
still have:
> <span style="font-family:Arial; font-size:9.0pt; is
there way of avoiding
> this?
It depends on your settings for how you copy/paste. See your
PREFERENCES
for those. I don't get such things because my settings are
'tight' in that
they are restrictive to what stying is carried into the page.
> How I do this in a nav bar?
Change this -
.nav {
font: bold normal 14px/normal Arial, Helvetica, sans-serif;
text-transform: none;
color: #003300;
font-weight: bold;
a.nav:link {
font: normal 12px/normal Arial, Helvetica, sans-serif;
text-transform: none;
color: #003300;
text-decoration: none;
a.nav:visited {
font: normal 12px/normal Arial, Helvetica, sans-serif;
text-transform: none;
color: #003300;
text-decoration: none;
to this -
.nav {
text-align:center;
.nav a {
font: bold normal 12px/normal Arial, Helvetica, sans-serif;
color: #030;
font-weight: bold;
text-decoration:none;
margin-right:35px;
and then change this -
<div align="center"><a href="index.html"
class="nav">Home</a> <span
class="nav">About
Us</span> <a
href="impact_HE.html" class="nav">Impact of HE
Proposal</a> <a
href="purpose_ED.html"
class="nav">The Purpose of
ED</a> <a
href="procedures.html"
class="nav">Procedures </a> <a
href="what_can_we_do.html" class="nav">What Can We
Do?</a></div>
to this -
<div class="nav"><a
href="index.html">Home</a><a
href="about_us.html">About
Us</a><a href="impact_HE.html">Impact of HE
Proposal</a><a
href="purpose_ED.html">The Purpose of ED</a><a
href="procedures.html">Procedures</a><a
href="what_can_we_do.html">What Can
We Do?</a></div>
But an even better way would be to make the menu an unordered
list, like
this -
<ul>
<li><a
href="index.html">Home</a></li>
<li><a href="about_us.html">About
Us</a></li>
<li><a href="impact_HE.html">Impact of HE
Proposal</a></li>
<li><a href="purpose_ED.html">The Purpose of
ED</a></li>
<li><a
href="procedures.html">Procedures</a></li>
<li><a href="what_can_we_do.html">What Can We
Do?</a></li>
</ul>
And use this CSS -
.nav {
text-align:center;
.nav ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
.nav li {
float:left;
width:150px;
margin-right:5px;
border-right:1px solid green;
.nav a {
font: bold normal 12px/normal Arial, Helvetica, sans-serif;
color: #030;
font-weight: bold;
text-decoration:none;
If you want to make the current page look like it doesn't
have a link, then
do this -
<ul>
<li><a href="index.html"
id="home">Home</a></li>
<li><a href="about_us.html" id="about">About
Us</a></li>
<li><a href="impact_HE.html" id="impact">Impact
of HE Proposal</a></li>
<li><a href="purpose_ED.html" id="purpose">The
Purpose of ED</a></li>
<li><a href="procedures.html"
id="procedure">Procedures</a></li>
<li><a href="what_can_we_do.html" id="what">What
Can We Do?</a></li>
</ul>
and add this to each page (use the proper ID) -
a#about {
cursor:default;
/* any other styles you want to make the current page show
> I am being a complete idiot today (maybe it's because
it's Sunday) Can you
> talk me through this.
Make the changes manually in code view.
If you are getting the idea that you will need to ramp your
HTML and CSS
skills to do this stuff, you are right on target!
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
==================
"Dottydog" <[email protected]> wrote in
message
news:[email protected]...
> Dear Murrray
> Thank you very much for your comments.
>
> Can I ask you the following:
> 1. p.MsoNormal {
> Using Microsoft Word to build an HTML page is not
advisable. Use DW only
> or
> clean up the Word markup
>
> This also has a css rule so this 9pt thing is left over
from copy and
> pasting
> from Word. I have it cleaned up as you suggested but I
still have:
> <span style="font-family:Arial; font-size:9.0pt; is
there way of avoiding
> this?
>
> 2.
<span
class
> Using non-breaking spaces as a layout tool is not
advisable. Use CSS
> margins/padding instead..
>
>
> 3. This is not a named anchor point. It is not even a
link. For that you
> would need -
> <p style="font-family:Arial,helvetica,sans-serif;
font-size:small; "
> id="BDBC">What we have said to
B&DBC</p>
>
> I am being a complete idiot today (maybe it's because
it's Sunday) Can you
> talk me through this.
>
> Thank you very much for your time. Much appreciated.
>
>
>
>
> -
Using Links to another web page that triggers event
I was wondering if you are able to have a link (anchor) to another web page that will trigger an event.
I have a test site www.psweb-test.com and on the home page there is a list of case studies. On another page I have a Jquery accordion menu on www.psweb-test.com/case.html.
What I want is for the user to select a link of the appropriate case study from the homepage, this to take you to the www.psweb-test.com/case.html page showing the appropriate section from the Jquery accordion section.
Is this possible as I think the homepage link will need to trigger the appropriate event ?It should be possible to carry the desired slice of the accordion to open to the target page in a URL variable. Had you used a Spry Accordion, or a PVII accordion, I could have told you how to do this. I've not used the jQuery ones, though.
-
Webdynpro call another web page
Hi experts,
can my webdynpro call another web page? I need that the webdynpro call a pop-up to another web page and when this page is closed a variable returns to webdynpro to process.
Is this possible?
Thanks in advance,
DavidHi,
I've found a popup tutorial to webpage and work's fine ... only the first side of my aplicaton.
I can open a separate web page using:
wdComponentAPI.getWindowManager().createExternalWindow("http://www.google.de","Google - Search for an email address",true).open();
in this class, the "createExternalWindow" method have a boolean parameter to indicate if the window is modal or not ....
I asign this page on a modal=true but I cannot receive from my webdynpro possible events or variables.
sniffff.
David -
When i save a picture in a web page, the picture does not come into my photo albums! I don't see it anywhere. Plz help
Does it show up in your camera roll?
-
HAVE ONE WEB PAGE OPEN AND SUDDENLY ANOTHER WEB PAGE OPENS
I can have one web page open and suddenly another web page will pop up. Why? It doesn't happen all the time. Like I said suddenly.
Another thing you can try doing is scanning for Malware:
Download and Install MalwareBytes Anti-Malware, run a full Scan. [http://www.malwarebytes.org/ http://www.malwarebytes.org/]
Download and Run TDSSKiller [http://support.kaspersky.com/faq/?qid=208283363 http://support.kaspersky.com/faq/?qid=208283363]
Download and Install Microsoft Security Essentials [http://windows.microsoft.com/en-US/windows/products/security-essentials http://windows.microsoft.com/en-US/windows/products/security-essentials] (not an official endorsement, but I personally recommend MSE as an awesome permanent anti-virus)
Double check for all Windows Updates.
What is the website that opens up? Is it always the same, always different, one of a few, etc? -
Help please: Clicking an image to launch another web page?
I have some images on a JSC created page. I'd like to give the user the ability to click on the images and have another web page brought up that shows a larger version of the image they clicked on.
How can this be done?
I know how to do it using a button that would sit under each image that would then launch another page that holds another image in a larger format, but is there a way to do this without using the button?
The image does have the onclick JavaScript property, so I suppose that it could be used in some fashion, but I was thinking that maybe there was a way to integrate this with the page navigation built in to JSC (although looking at it I cannot see how).
So, is it just a JavaScript thing needed (I'll try to look up how on the Internet if so) or is there a built in JSC way?
Thanks!I have some images on a JSC created page. I'd liketo
give the user the ability to click on the imagesand
have another web page brought up that shows alarger
version of the image they clicked on.
How can this be done?
I know how to do it using a button that would sit
under each image that would then launch anotherpage
that holds another image in a larger format, butis
there a way to do this without using the button?
The image does have the onclick JavaScriptproperty,
so I suppose that it could be used in somefashion,
but I was thinking that maybe there was a way to
integrate this with the page navigation built into
JSC (although looking at it I cannot see how).
So, is it just a JavaScript thing needed (I'll tryto
look up how on the Internet if so) or is there a
built in JSC way?
Thanks!
Did you have a solution? You quoted my original message but didn't add anything to it.
Anyway, I'm adding a few Duke Dollars to see if that will elicit some responses.
Maybe this just cannot be done, and we need a new version (one that works with action events) of the HtmlGraphicImage that Creator provides. -
I photo takes pictures of random web pages, about 55,000.
i photo takes pictures of random web pages, about 55,000. how can i stop this?
Before anyone can help, they need information to work with. Basic stuff:
- What version of iPhoto.
- What version of the Operating System.
- Details. What were you doing when the problem arose?
- Did it ever work properly?
- Are there error messages?
- What steps have you tried already to solve the issue.
Anything else you can think of that might allow someone else to understand your issue.
With this kind of information somebody can develop a starting point for troubleshooting the issue.
Posts that consist of "iPhoto doesn't work. Help" or "iPhoto won't print" or "Suddenly I have no photos!!!!!!!!!!" mean that any helper is simply guessing. With information, s/he may be able to get your issue resolved sooner. -
3px framed picture on a Web page with Internet Explorer and Google Chrome appears normal, but Firefox is on the right side frame 9px. Why?
I'm not seeing this.
Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
* http://kb.mozillazine.org/Zoom_text_of_web_pages
Can you attach a screenshot?
* http://en.wikipedia.org/wiki/Screenshot
Use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed the maximum file size (1 MB). -
Can Spry display another web page within a detail region?
I currently have a non-Spry enabled site I would like to add
Spry to. Basically, it is a story/photo web site and I have
separate pages created already for each photo "event" that includes
text, pictures, etc. Right now I have a menu with all of the
stories that the users clicks on and it takes them to that
particular story. I also use templates to control a common look and
feel and header, but basically, one web page per story (they are
all similar, but varying # of pictures, paragraphs, etc.). It works
fine, but it does reload the web page for every story.
So, what I would like to do is have one region defined where
I have a sorted list of "stories" with dates and brief descriptions
and when a user clicks on one of the stories I would like it to
display the web page I have already created in another
region....kind of like message preview in Outlook. Anyway, I know
it is easy enough to create an XML data set that defines the title
of the story, date, etc., and I could even include a relative link
of the actual web page story in the data set to define where the
web page is. I guess my main question is, how would I display an
entire web page inside the detail div "region"? I know if you just
had a simple picture, it would look something like this: <img
src="images/{@path}"><br/>Name:{@path}, but what tag could
you use to pull in an entire web page to preview inside the detail
div region?
Thanks in advance!Well I don't know if this is exactly what you're looking for, but you can have a browser window pop up from an event in an applet. If you use something like:
getAppletContext().showDocument(new URL(theUrl), "_blank");
a new browser window will pop up with whatever URL you want.
Hope that helps a little.
-Sheepy. -
I need to redirect visitors to another an alternate web page
if they have less than Flash Player 7. I have javascript that lets
me display a link the the page, but I want it to happen
automatically.
I'm guessing I need some kind of onLoad javascript command,
but I'm a javascript novice.
The javascript would be something like below, but the visitor
wouldn't have to click on the link; it would automatically go
there.
else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be
placed here.<BR>'
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.jlf.com/>Go to John Lemmon Films
website</a>';
document.write(alternateContent); // insert non-flash
content
Thanks...in your else statement put:
window.location.href = "
http://yoururl.com/thispage.htm" -
How do I get a 'insert - hyperlink - file' to display in a new web page?
When I insert the link to a downloadable file, that's fine.
But I'm losing my eyeballs because iWeb uses the same webpage to open my downloadable file.
The option to check, 'open in new web page' is not appearing.Welcome to the Apple Discussions. You need to first upload the file to your server and use the URL to the file at that location as the link to external page option of the Inspector/Link/Hyperlink pane. If the browser supports displaying the file type it will open in a new window.
Click to view full size
OT
Maybe you are looking for
-
The right way to program this part?
Hi I have some questions need some advice.. i have declared private variables for the database connection named con. if in this function A. i use con and execute an sql statement. if somewhere in the middle of function A, i call function B. and funct
-
When I run the Dr. Fone software it shows they are still on my iPad 2 but it costs 60-70 dollars. Is there another way to retrieve them? They were not backed up on Itunes like I thought they were. Please help!!
-
How to filter a report based on count?
Here is my scenario: We would like to report activities on a server if there are multiple date in a month. Here is an example: Server Date Activity Server1 7/1/09 Hardware maintenance Server2 7/1/09 Hardware maintenance Server2 7/14/09 Software patch
-
I can't update iPhoto after installing yosemite
i can't update or open iPhoto after installing yosemite
-
Ical reminders list won't sort on iphone
ICal Reminders won't sort on the actual device it was intended for - the Iphone I just talked to Apple Express service over this problem. I went to the trouble of transferring my to-do list onto icloud Reminders - where each item asked for a priorit