Coding help please - changing image using links

Hi there,
I wonder if anyone could help me? I'm designing a website at
the moment, but being a traditional print designer, I'm finding it
quite difficult to get use to the coding at first. What I have is a
page (which is shown in the link below with what i'm after) with
six links, some text and a default image which I want the user to
be able to click on the 'linked text' and change the main image so
if 1.jpg was the main image, when they click 'cover 2' they get
2.jpg and so on in the same frame that the main image is kept in.
I've tried some javascript code I found on another help site
but it just messes the frames up and only seems to work if the code
is as one rather than pasted in my pages code?
Please, please, please can someone help as it's driving me
mad and the boss is getting closer to the room :-)
Below is a screenshot of my page and written in red on it is
the various bits I need to work out with your help.
[IMG]http://i7.photobucket.com/albums/y254/080780/help.jpg[/IMG]
http://i7.photobucket.com/albums/y254/080780/help.jpg

Select a link, and apply a DW Image Swap behavior to swap the
main image to
the one desired. Do not use the automatic restore.
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
==================
"Gavin Wood" <[email protected]> wrote in
message
news:fhegg8$o4s$[email protected]..
> Hi there,
>
> I wonder if anyone could help me? I'm designing a
website at the moment,
> but
> being a traditional print designer, I'm finding it quite
difficult to get
> use
> to the coding at first. What I have is a page (which is
shown in the link
> below
> with what i'm after) with six links, some text and a
default image which I
> want
> the user to be able to click on the 'linked text' and
change the main
> image so
> if 1.jpg was the main image, when they click 'cover 2'
they get 2.jpg and
> so on
> in the same frame that the main image is kept in.
>
> I've tried some javascript code I found on another help
site but it just
> messes the frames up and only seems to work if the code
is as one rather
> than
> pasted in my pages code?
>
> Please, please, please can someone help as it's driving
me mad and the
> boss is
> getting closer to the room :-)
>
> Below is a screenshot of my page and written in red on
it is the various
> bits
> I need to work out with your help.
>
>
[IMG]http://i7.photobucket.com/albums/y254/080780/help.jpg[/IMG]
> http://i7.photobucket.com/albums/y254/080780/help.jpg
>
>
>

Similar Messages

Need help please. When using Safari while banking online I cannot get rid of Pop ups although I have ticket no Pop ups. Any ideas ?

Need your help please. When using Safari while banking online- I cannot get rid of the Pop ups although I have ticked the correct place. Any ideas ?
A few months ago I downloaded a program someone suggested.

Get Adblock or GlimmerBlocker.

Hi! my photos and videos don't rotate horizontally whenever i want to view it like that. Help please. Am using iphone 4S. thanks.

hi! my photos and videos don't rotate horizontally whenever i want to view it like that. Help please. Am using iphone 4S. thanks.

Orientation lock on? Double tap the home button, swipe left-to-right, far left is the orientation lock, tap on/off.

Applying easing while changing image using timer

Hi
In my app i am changing images using timer..i have 7 images when the image starts changing it flicker and background comes then the new image that is what my problem is
here is my code..
 import flash.utils.Timer;
 import flash.events.TimerEvent;
 import flash.display.Sprite;
 var myTimer:Timer = new Timer(95, 7);
 private var k:int;
 public var imgary:Array=new Array();
function init()
 for(var i:int=0;i<=6;i++)
 imgary[i]=new Array();
 imgary[i][0]="Assets/open_drawer"+i+".png";
 if(i==1||i==2)
 imgary[i][1]=81;
 else if(i==0)
 imgary[i][1]=77;
 else if(i==3)
 imgary[i][1]=83;
 k=83;
 else if(i==4)
 k=k+2;
 imgary[i][1]=k;
 else
 k=k+3;
 imgary[i][1]=k;
 myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
 myTimer.start();
public function timerHandler(e:TimerEvent):void {
 tests.source=imgary[e.target.currentCount-1][0];
 tests.width=383;
 tests.height=imgary[e.target.currentCount-1][1];
 tests.x=0;
 //invalidateDisplayList();
 ]]>
</mx:Script>
<mx:Panel verticalAlign="top" horizontalScrollPolicy="off" backgroundColor="#616060" id="pnlMaster" width="400" height="560" horizontalCenter="-184" verticalCenter="13">
<mx:Image id="tests" source="@Embed(source='Assets/drawer_img.png')" width="383" x="0" height="75"/>
</mx:Panel>
</mx:WindowedApplication>

is there any way by which i can handle this..can i provide smoothness or easing kind of thing so that it appears to the user that it is a only one image..

Change image using actionlisteners?

Hi i've got 35 images set in a spiral, and i am trying to make it so that when a user clicks on an image, for example if the image is facing right i want it so that when the user clicks on it, the image will change and be facing down and then if they click on it again it will change to facing down, then left and so on.
I know in order to make it so that it responds to the user clicking i will need to use actionlistener, however i'm not sure how to code it so that it knows which image has been clicked on or how to change it to the desired image???
Can anyone help? Or give me a useful link?
Thanks
Paul
heres the code i've got so far.
package project;
// Description:
// Directory: c:\myjava\teaching
// Date: 5/4/00
// Uses:
// Comments: note the convenient use of the Point object for
// manipulating coordinates
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
import java.lang.*;
import javax.swing.ImageIcon;
public class Project extends Applet implements ActionListener{
 private Image imageUp, imageDown, imageLeft, imageRight, imageSpace;
 final int N = 37;
 Image[] image = new Image[N];
 public void init(){
setLayout(null); // Setting layout to null
 // getting all images needed
 imageUp = getImage (getDocumentBase(), "imageUp.gif");
 imageDown = getImage (getDocumentBase(), "imageDown.gif");
 imageLeft = getImage (getDocumentBase(), "imageLeft.gif");
 imageRight = getImage (getDocumentBase(), "imageRight.gif");
 imageSpace = getImage(getDocumentBase(), "imageSpace.gif");
 /*for(int i=0; i < N; ++i)
 button[i] = new Button(buttonLabel);
 g.drawImage (imageUp, 10, 10, 100, 100, this);
 public void paint (Graphics g){
 for(int i=0; i < N; ++i){
 for(int j = 50; j <=400; j+= 100){
 g.drawImage (imageRight,j,10,100,40, this);
 for(int j = 40; j <=500; j+=100){
 g.drawImage (imageUp,10,j, 40,100, this);
 for(int j = 150; j <350; j+=100){
 g.drawImage(imageRight, j, 120, 100,40, this);
 for(int j = 150; j <=350; j+=100){
 g.drawImage (imageUp,120,j, 40,100, this);
 for(int j = 160; j <=260; j+=100){
 g.drawImage (imageDown,340,j, 40,100, this);
 for(int j = 250; j <=270; j+=100){
 g.drawImage (imageUp,210,j, 40,100, this);
 for(int j = 240; j <=240; j+=100){
 g.drawImage (imageLeft,j,340, 100,40, this);
 for(int j = 120; j <=320; j+=100){
 g.drawImage (imageLeft,j,450, 100,40, this);
 for(int j = 30; j <=500; j+=100){
 g.drawImage (imageLeft,j,540, 100,40, this);
 for(int j = 60; j <=360; j+=100){
 g.drawImage (imageDown,420,j, 40,100, this);
 for(int j = 50; j <=450; j+=100){
 g.drawImage (imageDown,525,j, 40,100, this);
 public void actionPerformed(ActionEvent arg0) {

Well there are a number of ways to do it and it depends alot on how large the images are, how much space there can be between them, and a bunch of stuff. Also about the direction of the image - the easiest way probably is just having several different images of the same thing that are facing different ways.
You can place them on JButtons w/o Borders, JLabels, or on JPanels. You can add ActionListeners, MouseListeners ...
I see that you have got images left, right, etc, so then perhaps you want to try just adding the image to a JLabel and add and ActionListener to that. When clicked, change the image on the JLabel. To keep track of direction there are a number of ways ... if it's to be in order 1, 2, 3, 4 ... add the images to a 4 dim array and iterate through it 0 -> 3 and back to 0.

Dropdown list to change image field linked image?

Hello,
I am quite new in Designer but I have to complete a job and I don't find the solution.
I try to update on a form an image field using the value of a dropdown box and a "if" script.
I use linked images (not embedded ones) and try using a script calling the image Field. value. image. href property.
The property is well updated as export to xml displays well the new href value but the image is not displayed as something was missing to activate it.
form1.#subform[0].ImageField1::calculate - (FormCalc, client)
if (UN_DropDownList == "3373") then ImageField1.value.image.href = ".\Images\UN3373.png"
endif
Rather simple (don't laugh at it) but it doesn't work.
I found solutions for embedded images via visible/hidden by dropdown list (not yet tested) as these ones. I give them below for reference (if some other users are interested)
http://forums.adobe.com/thread/683215
http://forums.adobe.com/message/2187604
http://acrobat.timhuff.net/?p=5
But not for linked images (path or URL). By the way, I found same problem descriptions in other forums but without any proposed solution.
As I should have quite a lot of images with frequent updates, it seems to me a better solutions...
Thanks in advance for you help.
Kind regards
Philippe

Hi Philippe,
Have a look at this blog, http://blogs.adobe.com/formfeed/2009/11/linked_vs_embedded_template_im.html, it turns out that both linked and embedded images are stored in the PDF but just in different ways. So updating the href at run time will have no effect.
If you are not in a possition to store all the images in the PDF at design time then you might have to look at setting up a webservice to access them on a server.
Good luck
Bruce

Load Multiple Images using link in Crystal Report

Hi Guys,
I am currently in need of developing a new requirement for our company's client. We have to load multiple images using just link in Crystal Report. Let's say that the images are stored in a folder (e.g., C:\Datafolder\Images\) and i have to fetch two images to show in crystal report (say, C:\Datafolder\Images\imageval1 and C:\Datafolder\Images\imageval2). These are actually dynamically created and therefore the number of images are not known and so i have to iterate through the list of image links.
Is it possible using merely crystal report and how?. Please take note that we're also using C# in developing our software applications.
Thanks and best regards.
---CHITO--

Hi Chito,
You cannot load multiple images dynamically. Using the 'graphic location' formula for the OLE Object, you can only point to a location that can load one image.
For the second image, you'll need to manually insert another OLE Object and point the formula to the next image's location.
You can try posting to the SAP Crystal Reports, version for Visual Studio space to find out whether this can be done using CR SDK.
-Abhilash

Help displaying an image using the canvas!!!!!!!!

Hey guys
I don't know whether I am not grasping some concepts well.I have been going mad trying to get the code working
Here is the code
import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
import java.io.*;
* @author Administrator
* @version
public class MyMIDlet extends javax.microedition.midlet.MIDlet implements CommandListener{
private Display display;
private MyCanvas canvas;
private Command exitcommand = new Command("Exit",Command.SCREEN,1);
private Image source;
public MyMIDlet() {
protected void startApp() throws MIDletStateChangeException{
if (display == null){
initMIDlet();
protected void pauseApp() {
protected void destroyApp(boolean unconditional)throws MIDletStateChangeException {
exitMIDlet();
public void commandAction(Command c, Displayable d) {
if (c == exitcommand){
exitMIDlet();
protected void initMIDlet() {
display = Display.getDisplay(this);
canvas = new MyCanvas(this);
System.err.println("Canvas instiated succesfully");
canvas.addCommand(exitcommand);
canvas.setCommandListener(this);
display.setCurrent(canvas);
public void exitMIDlet() {
notifyDestroyed();
import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
import java.io.*;
public class MyCanvas extends Canvas implements Runnable {
private MIDlet midlet;
private Image offscreen;
private Image currentimage;
private Graphics g;
//MID profile application
/** Creates a new instance of MyCanvas */
public MyCanvas(MIDlet midlet) {
this.midlet = midlet;
try{
currentimage = Image.createImage("/bird0.png");
}catch(IOException e){
System.err.println(e.getMessage());
if (currentimage!= null){
System.err.println("Image create successfully");
}else{
System.err.println("Image not created");
try{
Thread t = new Thread(this);
t.start();
}catch(Execption e){}
protected void paint(Graphics g){
Graphics saved = g;
int x = getWidth();
int y = getHeight();
g.setColor(255,255,255);
g.drawImage(currentimage,x,y,g.TOP|g.VCENTER);
public void run() {
repaint();
I know for a fact that the Canvas class 's paint method is called by the system and not the application. This poses a problem for me because I am not sure how to pass the image to the piant method, so that it can be painted.
When I run the program(using J2ME wtk04), this is the outcome.
Image created succesfully
Canvas instiatiated successfully
null
Here are my questions
1) when is the paint method precisely called by the system?after a reference to the canvas class is created?
2) is it wise to create the image when instiating the canvas class?( initially created the image using a separate thread)-when sould the image be created?
3)how to let the application know when to use the image when painting the display area?
I am just trying the logistics here. It is very crucial to me to understand the bolts of this as the core f my project fouses on the man machine interface development.(For the project, the cilent application is quering for the map using HTTP)
I use a png file of size 161 bytes. Is that too big for testing purposes.
I would all the help that I can get. thanks in advance

1) when is the paint method precisely called by the system?after a reference to the canvas class is created?
After the canvas is set as the current display, and after that, after the repaint() is called.
2) is it wise to create the image when instiating the canvas class?( initially created the image using a separate thread)-when sould the image be created?
It's better to create the image in the very begining of the program e.g. in the midlet initialization. You can call the created image as often as you like later on
3)how to let the application know when to use the image when painting the display area?
you have to tell it :))
you can use if-then, switch, or anything else
and you can use clipping too

Please suggest some useful links for ABAP APO initial understandings

Hi Experts, could you please suggest me some links to understand the basis of APO ABAP coding skills and how it is different from normal ABAP coding. Thanks Mamata

APO-Technical - Supply Chain Management (SCM) - SCN Wiki
http://scn.sap.com/community/scm/apo/blog/2013/05

Help changing image using multiple links

Hello, I need help!
How do I change a single image within a page, using multiple link words?
I've seen this done all over, but can't figure this out! HELP!
I am trying to have a single image, that will change as the different words are clicked on.
This has got to be sooo simple!
I'm new to CS4.

Four Level's Light box will do this:
http://www.fourlevel.com/dreamweaver/extensions/lightbox/index.htm
Kaosweaver has several Gallery extensions that may do what you need. (Search the Gallery)
http://www.kaosweaver.com/extensions/index.php
Project Seven's Image Gallery Magic works very well:
http://www.projectseven.com/products/galleries/hgmagic/index.htm
If you know how to work with code, JQuery Galleries are another option to consider:
http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Help with swap images using rollovers

I have a website created using DW CS5. Recently purchased FW CS5 to help with web graphics and design. I am trying to create a list of numbers that will swap with images. The intial page would simply be a list of numbers and 1 static image. Each number, when hovered will change the image with another. I've attempted this by first using DW and not having much success with FW either.
If able to complete this using FW, is it possible to export the file for use in DW? Then insert into an AP Div?

You're over-complicating it.
Simply hit File>Save once you're done in photoshop.
ian

Help please on image resizing

How do you resize images (I can't find anything in the APIs).
At the moment I have an application with an inherited layeredPane and images (from inherited JLabels) drawn on top.
The pane currently has no layout, if I resize the application everything else resizes but the images stay the same.
Would anyone be able to show me what I have to change to enable the images to resize, help would be appreciated.
public class BoardPanel extends JLayeredPane
 public BoardPanel()
 //Overwrite abstract painting method
 public void paintComponent(Graphics g)
 super.paintComponent(g);
 //draw Image at size of panel starting at 0,0
 g.drawImage(backgroundImage,0,0,this.getWidth(), this.getHeight(), null);
 private Image backgroundImage = new ImageIcon("./Images/Board.gif").getImage();
public class PieceIcon extends JLabel
 //Create new image with the piece (symbol) chosen by the player
 public PieceIcon(String symbol,int pNum)
 playerNumber = pNum;
 pieceImage = new ImageIcon("./Images/"+symbol+".jpg").getImage();
 setOpaque(false);
 public void paintComponent(Graphics g)
 super.paintComponent(g);
 g.drawImage(pieceImage,boardPos[0][(MainFrame.getPlayer(playerNumber).getCurrentBoardPos())],
 boardPos[1][(MainFrame.getPlayer(playerNumber).getCurrentBoardPos())],this);
 private Image pieceImage;
 private int playerNumber;
 private static int[][] boardPos = //load of absolute values, change to proportionate values if images can be resized
public class MainFrame extends JFrame
 /** Creates new form JFrame */
 public MainFrame()
 initGUI();
 pack();
 private void initGUI()
 //create components and add to frame, including:
 JPanel content = new JPanel();
 getContentPane().add(content, java.awt.BorderLayout.CENTER);
 content.add(boardIcon, java.awt.BorderLayout.CENTER);
 //Create the board Pane
 boardIcon.setPreferredSize(new java.awt.Dimension(500,500));
 //start at (x,y) 0,0, with height/width (600,600)
 boardIcon.setBounds(0,0,600,600); //does this have to be set again if window is resized?
 boardIcon.setLayout(null);
 public void createPieces()
 //method called in main once player names and details have been enterd
 playerPieces = new PieceIcon[this.getNumPlayers()];
 for(int i=0; i<this.getNumPlayers(); i++)
 //Create new icon with players piece selection and number selection
 playerPieces[i] = new PieceIcon(this.getPlayer(i).getPiece(),i);
 //Add piece at depth of '10' (default layer is 0 so just above other board components)
 boardIcon.add(playerPieces,new Integer(10));
//label size of board, piece drawn at specific point within board
playerPieces[i].setBounds(0,0,boardIcon.getHeight(),boardIcon.getWidth());
private static BoardPanel boardIcon = new BoardPanel();
private PieceIcon[] playerPieces;
Thanks in advance

You need to use g.drawImage(image, dest.x, dest.y, dest.width, dest.height, source.x, source.y, source.width, source.height, null)
It's in the Graphics API. It will scale the image on the fly. The destination coordinates should be the panel you want to paint on.

Help please - message after using the Erase Free Space function in Disk Ut

Please help. I've been using my Mac Mini for 6 months and decided I wanted to securely erase previously deleted files, and found the Erase Free Space facility in Disk Utilities. So I chose the option "7-pass Erase of deleted files", and left my Mac Mini to do its business.
At the end, I got the message that my startup disk is full, but ignored that message because I understand that's normal when free space has been deleted.
After doing a Restart, things seem to be running smoothly, but I have a Warning message which reads
Warning. The following disk images failed to mount:
Image: EFTFile1.sparseimage Reason: corrupt image.
What does this mean, please, and what do I have to do, if anything?
I'm completely new to this, so please explain clearly.
Thanks everyone!!

Hi again, i've resolved the problem, thanks. It was my inexperience that was helping confuse the issue.
Sorry to have taken your time. Thanks again for your input.

Help in uploading image using module pool programming!!!

hi all
 I need a help from you all...iam designing my company's Visitors Identity card...im workin in module pool programming,i need to know wat function module should i use to get jpg image n to display it...
i hav tried it using DP_PUBLISH_WWW_URL func module but it asks for OBJID dono wat should i give...i referred SAP_PICTURE_DEMO.....
plz suggest me with some solutions to diplay image which is stored in desktop....
asha.......

hi,
u try this importing jpeg image in transcation oaor .
in that give class name as pictures and class type as ot and execute it.
in that u import which image u want to say for suppose a DUMMY.
FORM TOP_OF_PAGE. "#EC CALLED
CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
 EXPORTING
 I_LOGO = 'DUMMY'
 "'ENJOYSAP_LOGO'
 IT_LIST_COMMENTARY = GT_LIST_TOP_OF_PAGE.
ENDFORM. "TOP_OF_PAGE
this top of page u use in FM
CALL FUNCTION 'REUSE_ALV_GRID_DISPLAY'
 EXPORTING
 I_BACKGROUND_ID = 'ALV_BACKGROUND'
 I_CALLBACK_PROGRAM = sy-repid
 I_CALLBACK_PF_STATUS_SET = gc_pf_status_set
 I_CALLBACK_USER_COMMAND = GC_USER_COMMAND
 I_CALLBACK_TOP_OF_PAGE = 'TOP_OF_PAGE'
this may solve ur problem.

Help please- Recovering Images

I have a blackberry Z10, someone in my house deleted all of my pictures and i have no SD card so this is all internal memory. IS there any software that i can have a shot at to help recover this. Note- i have no SD card Thank you

dfgsdhjkfsd wrote:
I have a blackberry Z10, someone in my house deleted all of my pictures and i have no SD card so this is all internal memory. IS there any software that i can have a shot at to help recover this. Note- i have no SD card Thank you
Sorry my friend, but they are lost unless you have a backup using BlackBerry Link
Using the Playbook and the Z10 and the Z30 and loving them
Martin

Coding help please - changing image using links

Similar Messages

Maybe you are looking for