Goal:
Create an image pop-up link in the instructional content of your tutorial.
Steps to complete:
- Set up the files necessary for an image pop-up link by following these steps:
- Create a new directory, images, within the tutorial directory
- Copy icon-link-action.gif located at TE/images/ into the images directory you just created
- Create a new file, ImageFP.php, within the directory other
- If the directory other does not exist then you will need to create it first
- Open ImageFP.php with a text editor
- Copy the contents of the tab titled 'imageFP.php' in the right panel into ImageFP.php
- Close the tab
- Save ImageFP.php
- Add the image link to the first step in the tutorial by following these steps:
- Open page1_1.html
- Replace "concise" in page1_1.html with the link tag from the tab titled 'image_AnchorTag.html'
- Change the URL variable 'imageName.ext' in the anchor tag to "icon-link-action.gif"
- Change 'link label' to "concise"
- Save page1_1.html
Notes:
This method will pass the tutorial directory location and the image file name into the php file and return an HTML page with the image embedded.
You may also need to clear your cache if you need to see the results of loading different images.
See the effects of your work
(Click here for an example of the expected results of this step)
- Reload New Tutorial by clicking on the reload icon to the left of the name in the tutorial navigation menu
In the first step of the tutorial you should see a link for 'concise' in the text under "Goal". Click on the link and a pop-up should be displayed containing this image.
The changes are indicated with the following:
- Indicated text has been removed
- Indicated text has been edited
- Indicated text has been added
- Indicated text is the source of a copy