Creating a hyperlink over an image

iWeb is my first foray into the web creation world.
I created a "photo page" (File>New Page>Photos) where I used the photos there to link to other photo pages on my site. The caption below each photo provides the link to the corresponding photo page. However I also wanted to make the photo image itself a hyperlink. Using "shapes" I created squares of appropriate size and placed them over the photos. Using the Inspector I turned off fill, stroke and shadow (essentially making the square invisible). Next I highlighted the box and again using Inspector I "enabled as hyperlink" with the link going to the appropriate page.
It works great in iWeb. Once the link is activated, if i click on the photo it takes me to the appropriate photo album. However, when I publish my site and try to click on the photo using either Safari or Firefox all it does is open another window with a bigger version of that photo -- it does not jump to the link I set it to. (I made sure my invisible square was the top most layer.)
I know certain pages (such as the About Me page) have images that are designed to be hyperlinked. Is there any way I can do this on the photo page?
For those I may have confused with my description here is a link to the page I am talking about:
http://web.mac.com/diverdoc/iWeb/Our%20Home%20Page/Photo%20Albums.html
Thanks,
Wiley

you need to apply at least some effect to the shape
Thanks for that! I've consistently taken the line that you can't use Photo pages in this way. This simple trick changes everything. Great stuff.
[ Visit here for iWeb Tips, Tricks and Hacks

Similar Messages

Cs6 action for auto curves is creating a "film" over my image

yet, when performing it by hand it works just fine , what might be wrong ? - i tried it both as a seperate layer and straight from the image - the function works fine - as soon as i create it as an action (both ways) a "film" comes over the image - almost like a blend mode layer change has happened - but blend mode is set for "normal"

you need to apply at least some effect to the shape
Thanks for that! I've consistently taken the line that you can't use Photo pages in this way. This simple trick changes everything. Great stuff.
[ Visit here for iWeb Tips, Tricks and Hacks

Creating a Banner over an Image

I cannot figure out how to put a banner diagonal over an image and mask it so the ends don't show beyond the image borders.
Think of a home for sale ad image that would have a banner that says: JUST REDUCED or something like that diagonal over the top of the image.
Thank you

Thank you so much, Peter, for taking time to reply! That worked! I used to do this a different way years ago with another version of InDesign and couldn't find anything similar in this new version to do the same thing. I appreciate your help!

Creating a hyperlink on an image ruins my whole layout!?

Hi guys,
I have been using Dreamweaver at High School for a while, but
now am using it at university and it is version CS3.
I am not expert at websites, and am used to creating a site
in fireworks or photoshop (now), then slicing and importing into
dreamweaver. I have done this with my latest site but I am having
some wierd problems that I have never had before.
Here is how my page looks without my image (enter button)
inked to my main page (main.html)
<a href="
http://s255.photobucket.com/albums/hh129/marceta/?action=view&current=site_before.jpg"
target="_blank"><img src="
http://i255.photobucket.com/albums/hh129/marceta/site_before.jpg"
border="0" alt="Photobucket"></a>
Ok now when I link it (I have tried by dragging the
crosshairs next ot the box, and the manual method of typing it in),
this happens and the whole page looks screwed up.
<a href="
http://s255.photobucket.com/albums/hh129/marceta/?action=view&current=site_after.jpg"
target="_blank"><img src="
http://i255.photobucket.com/albums/hh129/marceta/site_after.jpg"
border="0" alt="Photobucket"></a>
This is really annoying as it happens in every page no matter
what I link. How do I fix it? It is almost as if the a href tag
increases the size of the image, or adds an invisible border that I
can not get rid of. I am sure that anyone with half a brain on
web-dev will easily be able to tell me the setting to fix this. I
dont not want to resort to using image maps.
Thanks a lot in advance,
Peter Marceta
\EDIT: sorry about the images...I tried bbcode tags [IMG] but
then realized they wouldnt work, but I couldnt get the HTML to work
either. Just clike the links and it should work.

Such a generic rule could well destroy a page's layout.
Getting rid of
borders around image links should be done with a scalpel, not
a machete....
8)
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
==================
"CaryD" <[email protected]> wrote in message
news:g68ibt$ljq$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> It would be much better to use this -
>
> a img { border:none; }
>
> since your suggested rule would apply to every image on
the page!
>
> Yep, it was total guess based on what appeared to be a
table layout made
> up of
> assembled pictures. Such a page would require
>
> img {display: block;}
>
> in order to render correctly in Firefox, and the lack of
code prevented a
> more
> specific selector.
>

How to create-Form text field to simultaneously preview the text over an image

I am trying to make a web page similar to the link below…where when a customer types in the form text field, and simultaneously, the text will preview in another area of the webpage over and image. See example when you create a label @ www.customwinesource.com custom labels…http://www.customwinesource.com/index.cfm?method=storepairing.listPairing&wineryid=auto
Any help would be much appreciated

I wasn't able to (easily) find anything in the way of a textfield to type something into that you describe, but you can assign code for input textfields to detect when something changes in them and take action from that event. How you do it depends on which version of actionscript you are using.

Can you add hyperlinks to the images created in the slideshow on the command menu?

can you add hyperlinks to the images in the slideshow created
from the command menu? thanks

On 30 Aug 2008 in macromedia.fireworks, mediastream13 wrote:
> can you add hyperlinks to the images in the slideshow
created from
> the command menu?
Unfortunately, those slideshows aren't all that flexible. I
don't think
that Adobe supplies the source for the Flash slideshows. But
if you use
the spry slideshow, you should be able to edit the HTML in
Dreamweaver to
add links.
Have a look at one of Project Seven's graphics presentation
products -
Lightshow Magic, Slide Show Magic or Image Gallery Magic.
They're $95
each, and extremely flexible in what you can do with them.
http://projectseven.com/
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Insert link over an image in XML

Hello,
I recently bought this template: http://www.templatemonster.com/flash-templates/27466.html but I have a big problem. I want to add a hyperlink over the big images which appears when you click on bedrooms for example. There are 9 small images in the right side and 1 big image on the left. I changed all the images but I want also to add hyperlinks on some big images. The action script import an xml file like:
<?xml version="1.0" encoding="iso-8859-1"?>
<root>
        <pageGallery nameGallery="GALLERY 1" name="gallery1" folder="gallery" line="3" maxImages="9">
                <titleImages>
                    <smallImages>_gallery_small_images_1.jpg</smallImages>
                    <bigImages>_gallery_big_images_1.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
                </titleImages>
                <titleImages>
                    <smallImages>_gallery_small_images_2.jpg</smallImages>
                    <bigImages>_gallery_big_images_2.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
                </titleImages>
                <titleImages>
                    <smallImages>_gallery_small_images_3.jpg</smallImages>
                    <bigImages>_gallery_big_images_3.jpg</bigImages>
<infoImages><![CDATA[Fusce suscipit varius mi. Cum sociis natoque penatibus et -<br>magnis dis parturient montes, nascetur ridiculus mus. Nulla dui.<br>Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. ]]></infoImages>
                </titleImages>   ........
Please help me with the correct syntax to add hyperlink over a big image in XML. I think I have to do some changes in .fla project, but I don't know where...
Thank you !

This is the as for "load big images"
onClipEvent (load) {
    if (_parent._parent.numLoadTitle == undefined) {
        _parent._parent.numLoadTitle = 0;
        if (_root.part == undefined) {
            xmlNod = _root.xmlNodes.childNodes[0].childNodes[0];
        } else {
            var nameGalleryTytle:Number = _root.xmlNodes.childNodes[0].childNodes[0].childNodes.length;
            var i:Number = 0;
            while (i<nameGalleryTytle) {
                titleNameGallery = _root.xmlNodes.childNodes[0].childNodes[i].attributes.name;
                if (_root.part == titleNameGallery) {
                    xmlNod = _root.xmlNodes.childNodes[0].childNodes[i];
                i++;
        AllxmlNode = xmlNod.childNodes[_parent._parent.numLoadTitle];
        images = AllxmlNode.childNodes[1].firstChild.nodeValue;
        titleInfo = AllxmlNode.childNodes[2].firstChild.nodeValue;
        var ifFolder:String = xmlNod.attributes.folder;
        if (ifFolder == undefined) {
            loadMovie(_root.url+images, cont.pic);
        } else if (ifFolder == "") {
            loadMovie(_root.url+images, cont.pic);
        } else {
            loadMovie(ifFolder+"/"+_root.url+images, cont.pic);
    } else {
        if (_root.part == undefined) {
            xmlNod = _root.xmlNodes.childNodes[0].childNodes[0];
        } else {
            var nameGalleryTytle:Number = _root.xmlNodes.childNodes[0].childNodes[0].childNodes.length;
            var i:Number = 0;
            while (i<nameGalleryTytle) {
                titleNameGallery = _root.xmlNodes.childNodes[0].childNodes[i].attributes.name;
                if (_root.part == titleNameGallery) {
                    xmlNod = _root.xmlNodes.childNodes[0].childNodes[i];
                i++;
        AllxmlNode = xmlNod.childNodes[_parent._parent.numLoadTitle];
        images = AllxmlNode.childNodes[1].firstChild.nodeValue;
        titleInfo = AllxmlNode.childNodes[2].firstChild.nodeValue;
        var ifFolder:String = xmlNod.attributes.folder;
        if (ifFolder == undefined) {
            loadMovie(_root.url+images, cont.pic);
        } else if (ifFolder == "") {
            loadMovie(_root.url+images, cont.pic);
        } else {
            //loadMovie(ifFolder+"/"+_root.url+small[i], item["mini"+i].cont.pic);
            loadMovie(ifFolder+"/"+_root.url+images, cont.pic);
***** Here is the first frame frome scene:
import mx.transitions.Tween;
import mx.transitions.easing.*;
Stage.scaleMode = "noScale";
Stage.align = "TL";
setProperty("", _quality, "BEST");
url = "tfile";
_root.linkGallery=0;
_root.titleGallery = 0;
_root.cacheKiller = "true";
import gs.dataTransfer.XMLParser;
function onFinish(success_boolean, results_obj, xml) {//This fhunction gets called as soon as the XML loads and gets parsed.
    if (success_boolean) {
stop();
var parsed_obj = {};//We'll use this to hold the parsed xml object (once the XML loads and gets parsed successfully).
var unCash = new Date().getTime();
if (_root.cacheKiller == "true") {
    fileToLoad = url+"_main.xml?cacheKiller="+unCash;
    fileToLoad = url+"_main.xml";
} else {
    fileToLoad = url+"_main.xml";
XMLParser.load(fileToLoad,onFinish,parsed_obj);
_root.emp.useHandCursor = 0;
///forplayer
_root.mus = 1;
_root.n = 1;
_root.num = 1;
*** This is the second frame :
import gs.dataTransfer.XMLParser;
function onFinish(success_boolean, gallery_obj, xml) {//This fhunction gets called as soon as the XML loads and gets parsed.
    if (success_boolean) {
        play();
//system settings
// frame number where readMore movieClip is situated
pagesReadMoreFrame = 4;
// frame number of the first content page
firstPageFrame = 1;
//system settings
#include "gs/dataTransfer/xmlFunctions.as"
//_root.link=_root.getMenuSystemOrder(0);
//trace(_root.link)
_root.link = 1;
_root.titleNumPage = 1;
_root.openNewGallery = true
_root.part = _root.xmlNodes.childNodes[0].childNodes[0].attributes.name
*** And here is the xmlFunctions.as:
import flash.display.*;
function loadBitmapSmoothed(url:String, target:MovieClip) {
    // Create a movie clip which will contain our
    // unsmoothed bitmap
    var bmc:MovieClip = target.createEmptyMovieClip("bmc", target.getNextHighestDepth());
    // Create a listener which will notify us when
    // the bitmap loaded successfully
    var listener:Object = new Object();
    // Track the target
    listener.tmc = target;
    // If the bitmap loaded successfully we redraw the
    // movie into a BitmapData object and then attach
    // that BitmapData to the target movie clip with
    // the smoothing flag turned on.
    listener.onLoadInit = function(mc:MovieClip) {
        mc._visible = false;
        var bitmap:BitmapData = new BitmapData(mc._width, mc._height, true);
        this.tmc.attachBitmap(bitmap, this.tmc.getNextHighestDepth(), "auto", true);
        bitmap.draw(mc);
    // Do it, load the bitmap now
    var loader:MovieClipLoader = new MovieClipLoader();
    loader.addListener(listener);
    loader.loadClip(url, bmc);
var mainObj=_root.parsed_obj;
var galleryObj=_root.gallery_obj;
function textSelectable(selectedObject) {
    isTextSelected=getSettingsValue(mainObj, "textSelectable", "item");
    if (isTextSelected=="true") {
        selectedObject.selectable=true;
function getXmlSection (obj, itemName, sectionName) {
        i=0;
    while (obj[itemName][i]) {
        if (obj[itemName][i].name==sectionName) {
            returnedResult=true;
            return (i);
            break;
        i++;
function getSettingsValue (obj, itemName, itemType) {
    sectionNum=getXmlSection(obj, "section", "settings");
    k=0;
    while (obj["section"][sectionNum][itemType][k]) {
        if (obj["section"][sectionNum][itemType][k].name==itemName) {
            return (obj.section[sectionNum][itemType][k].value);
            break;
        k++;
function getCopyright (textObj) {
    textObj.htmlText=getSettingsValue(mainObj, "copyright", "item");
    textSelectable(textObj);
function getCompanyName (textObj) {
    textObj.htmlText=getSettingsValue(mainObj, "companyName", "item");
    textSelectable(textObj);
function getSlogan (textObj) {
    textObj.htmlText=getSettingsValue(mainObj, "slogan", "item");
    textSelectable(textObj);
function getSystemValue (textObj, systemOptionName) {
    textObj.htmlText=getSettingsValue(mainObj, systemOptionName, "item");
    textSelectable(textObj);
function getMenuLink (textObj, linkNum) {
    sectionNum=getXmlSection(mainObj, "section", "menu");
    textObj.htmlText=mainObj["section"][sectionNum].link[linkNum].value;
    textSelectable(textObj);
function getMenuSystemOrder (linkNum) {
    sectionNum=getXmlSection(mainObj, "section", "menu");
    return (mainObj["section"][sectionNum].link[linkNum].systemOrder);
function getGlobalText(textObj, textsNumber, optional:Boolean) {
    sectionNum = getXmlSection(mainObj, "section", "global_text");
    textObj.htmlText = mainObj["section"][sectionNum].texts[textsNumber].value;
    if (optional == undefined) {
        textSelectable(textObj);
    } else {
        // do nothing
function getGlobalImageName(imageNumber) {
    sectionNum = getXmlSection(mainObj, "section", "global_img");
    //currentPage = _root.link-_root.firstPageFrame;
    imageParams = new Array();
    imageParams['name'] = mainObj["section"][sectionNum]["image"][imageNumber]["imageUrl"];
    imageParams['linkToOpen'] = mainObj["section"][sectionNum]["image"][imageNumber]["link"];
    return (imageParams);
function getCurrentText(textObj, textNumber) {
    sectionNum=getXmlSection(mainObj, "section", "pages");
    currentPage=_root.link-_root.firstPageFrame;
    textObj.htmlText=mainObj["section"][sectionNum]["page"][currentPage]["texts"][0]["pageTex t"][textNumber].value;
    textSelectable(textObj);
function getMenuPreviousLink (linkNum) {
    k=0;
    systemOrder=getMenuSystemOrder(k);
    while (systemOrder) {
        if (systemOrder==linkNum) {
            orderResult=k+1;
            break;
        k++;
        systemOrder=getMenuSystemOrder(k);
    return (orderResult);
function getCurrentImageName(imageNumber) {
    sectionNum=getXmlSection(mainObj, "section", "pages");
    currentPage=_root.link-_root.firstPageFrame;
    imageParams=new Array();
    imageParams['name']=mainObj["section"][sectionNum]["page"][currentPage]["image"][imageNum ber]["imageUrl"];
    imageParams['linkToOpen']=mainObj["section"][sectionNum]["page"][currentPage]["image"][im ageNumber]["link"];
    imageParams['target']=mainObj["section"][sectionNum]["page"][currentPage]["image"][imageN umber]["target"];
    return (imageParams);
function getCurrentImageName_splash(imageNumber) {
    sectionNum=getXmlSection(mainObj, "section", "settings");
    imageParams=new Array();
    imageParams['name']=mainObj["section"][sectionNum]["image"][imageNumber]["imageUrl"];
    imageParams['linkToOpen']=mainObj["section"][sectionNum]["image"][imageNumber]["link"];
    return (imageParams);
function checkLinkType (linkTextType, linkNumber) {
         k=0;
        typeCount=0;
        finalLinkNumber=parseInt(linkNumber)+1;
        currentPage=_root.link-_root.firstPageFrame;
        sectionNum=getXmlSection(mainObj, "section", "pages");
        linkTypeCkeck=mainObj["section"][sectionNum]["page"][currentPage]["link"][k]["linkType"];
        while (linkTypeCkeck){
            if (linkTypeCkeck==linkTextType) {
                 typeCount++;
            if (typeCount==finalLinkNumber) {
                return(k);
                break;
            k++;
            linkTypeCkeck=mainObj["section"][sectionNum]["page"][currentPage]["link"][k]["linkType"];
_root.readMoreFrameType = 'readmore';
function more_click_func(number) {
    tempNumber = number.split(" ");
    number=tempNumber.join("");
    number=number.toLowerCase();
    num=_root.pagesReadMoreFrame;
    currentPage=_root.link-_root.firstPageFrame;
    if( isNaN(Number(number)) ) {
        readMoreType = number;
    } else {
        readMoreType = 'readmore';
    //if( (_root.link<>num || _root.readMoreFrameType!=readMoreType)) {
        if (_root.animation){
            //if (_root.link<>5 ){
        _root["item" + getMenuPreviousLink(_root.link)].gotoAndPlay("s2");
        //_root.menu2["item" + getMenuPreviousLink(_root.link)].gotoAndPlay("s2");
        if (number=='privacypolicy') {
            _root.readMoreFrameType = 'privacypolicy';
            sectionNum=getXmlSection(mainObj, "section", "privacyPolicy");
            titleNum=getXmlSection(mainObj.section[sectionNum], "item", "pageTitle");
            textNum=getXmlSection(mainObj.section[sectionNum], "item", "pageText");
            _root.readMoreTitle=mainObj.section[sectionNum]["item"][titleNum].value;
            _root.readMoreText=mainObj.section[sectionNum]["item"][textNum].value;
        } else if (number=='termsofuse') {
            _root.readMoreFrameType = 'termsofuse';
            sectionNum=getXmlSection(mainObj, "section", "termsOfUse");
            titleNum=getXmlSection(mainObj.section[sectionNum], "item", "pageTitle");
            textNum=getXmlSection(mainObj.section[sectionNum], "item", "pageText");
            _root.readMoreTitle=mainObj.section[sectionNum]["item"][titleNum].value;
            _root.readMoreText=mainObj.section[sectionNum]["item"][textNum].value;
        } else {
            _root.readMoreFrameType = 'readmore';
            sectionNum=getXmlSection(mainObj, "section", "pages");
            linkCount=checkLinkType("readMoreLink", number);
            i=0;
            linkTitleNum=getXmlSection(mainObj["section"][sectionNum]["page"][currentPage]["link"][li nkCount], "item", "title");
            linkTextNum=getXmlSection(mainObj["section"][sectionNum]["page"][currentPage]["link"][lin kCount], "item", "linkText");
            _root.readMoreTitle=mainObj["section"][sectionNum]["page"][currentPage]["link"][linkCount ]["item"][linkTitleNum].value;
            _root.readMoreText=mainObj["section"][sectionNum]["page"][currentPage]["link"][linkCount] ["item"][linkTextNum].value;
                _root.subMenu.subMenu.subMenu["item"+(_root.link-1)].mouseRelease = true;
                _root.link = 8;
                _root.linkClosePanel = false;
                _root.titleNumPage = _root.pagesReadMoreFrame;
                _root.content.play();
function getContactFormText(textObj, textNumber) {
    sectionNum=getXmlSection(mainObj, "section", "contactForm");
    textObj.htmlText=mainObj["section"][sectionNum]["texts"][0]["pageText"][textNumber].value ;
    textSelectable(textObj);
function getContactFormText_only(textNumber) {
    sectionNum=getXmlSection(mainObj, "section", "contactForm");
    return htmlText=mainObj["section"][sectionNum]["texts"][0]["pageText"][textNumber].value;
function getContactFormParams() {
    sectionNum=getXmlSection(mainObj, "section", "contactForm");
    ContactFormParams=new Array();
    servNum=getXmlSection(mainObj["section"][sectionNum], "item", "serverOption");
    recNum=getXmlSection(mainObj["section"][sectionNum], "item", "recipient");
    ContactFormParams['rec']=mainObj["section"][sectionNum]["item"][recNum].value;
    ContactFormParams['serv']=mainObj["section"][sectionNum]["item"][servNum].value
    return (ContactFormParams);
// gallery functions
function getGallerySystemProperty(propName) {
    sectionNum=getXmlSection(galleryObj, "section", "systemOptions");
    propNum=getXmlSection(galleryObj["section"][sectionNum], "option", propName);
    return (galleryObj["section"][sectionNum]["option"][propNum].value);
function getGallerySettings(propName) {
    sectionNum=getXmlSection(galleryObj, "section", "settings");
    propNum=getXmlSection(galleryObj["section"][sectionNum], "option", propName);
    return (galleryObj["section"][sectionNum]["option"][propNum].value);
function getGalleryImage(imageNum, categoryNum) {
    sectionNum=getXmlSection(galleryObj, "section", "imagesData");
    imageParams=new Array();
    image=galleryObj["section"][sectionNum]["category"][categoryNum]["image"][imageNum];
    nameNum=getXmlSection(image, "item", "imageUrl");
    commentNum=getXmlSection(image, "item", "imageComment");
    imageParams['name']=image['item'][nameNum].value;
    imageParams['comment']=image['item'][commentNum].value;
    return (imageParams);
function getCurrentGalleryName(categoryNum) {
    sectionNum=getXmlSection(galleryObj, "section", "imagesData");
    return (galleryObj["section"][sectionNum]["category"][categoryNum].name);

How do I add Hyperlinks to Flash Images?

I've just begun to dabble in Flash and created a neat little project first up as an experiment, but now want to learn how to take it to the next level.
I watched this tutorial...
http://youtu.be/5yjvBDgB0NA
and am now wondering how I can hyperlink the main images?
Here's the code I have:
stop();
button1.addEventListener(MouseEvent.MOUSE_OVER,showpic1);
button2.addEventListener(MouseEvent.MOUSE_OVER,showpic2);
button3.addEventListener(MouseEvent.MOUSE_OVER,showpic3);
button4.addEventListener(MouseEvent.MOUSE_OVER,showpic4);
button5.addEventListener(MouseEvent.MOUSE_OVER,showpic5);
function showpic1(Event:MouseEvent):void{
    gotoAndStop("pic1")
function showpic2(Event:MouseEvent):void{
    gotoAndStop("pic2")
function showpic3(Event:MouseEvent):void{
    gotoAndStop("pic3")
function showpic4(Event:MouseEvent):void{
    gotoAndStop("pic4")
function showpic5(Event:MouseEvent):void{
    gotoAndStop("pic5")
I tried adding this:
On (Release)
Get URL ("http://www.google.com", window="_blank")
End On
...but it makes the images rotate through in a crazy way and breaks the mouse over function.
Can anyone teach me how to create hyperlinks for each "pic"?
Thank you

OK.
Prematurely said everything was wonderful...have had a little stumble though.
The first pic ("pic1") is linking through nicely.
BUT...
"pic2" to "pic5" is giving off an error #1009
Here's the code:
stop();
button1.addEventListener(MouseEvent.MOUSE_OVER,showpic1);
button2.addEventListener(MouseEvent.MOUSE_OVER,showpic2);
button3.addEventListener(MouseEvent.MOUSE_OVER,showpic3);
button4.addEventListener(MouseEvent.MOUSE_OVER,showpic4);
button5.addEventListener(MouseEvent.MOUSE_OVER,showpic5);
facebook.addEventListener(MouseEvent.CLICK, gotoFacebook);
linkedin.addEventListener(MouseEvent.CLICK, gotoLinkedIn);
youtube.addEventListener(MouseEvent.CLICK, gotoYouTube);
twitter.addEventListener(MouseEvent.CLICK, gotoTwitter);
flickr.addEventListener(MouseEvent.CLICK, gotoFlickr);
function showpic1(Event:MouseEvent):void{
gotoAndStop("pic1")
function showpic2(Event:MouseEvent):void{
gotoAndStop("pic2")
function showpic3(Event:MouseEvent):void{
gotoAndStop("pic3")
function showpic4(Event:MouseEvent):void{
gotoAndStop("pic4")
function showpic5(Event:MouseEvent):void{
gotoAndStop("pic5")
function gotoFacebook(event:MouseEvent):void {
     var FB:URLRequest = new URLRequest("http://facebook.com/");
     navigateToURL(FB);
function gotoLinkedIn(event:MouseEvent):void {
     var LI:URLRequest = new URLRequest("http://linkedin.com/");
     navigateToURL(LI);
function gotoYouTube(event:MouseEvent):void {
     var YT:URLRequest = new URLRequest("http://youtube.com/");
     navigateToURL(YT);
function gotoTwitter(event:MouseEvent):void {
     var Tw:URLRequest = new URLRequest("http://twitter.com/");
     navigateToURL(Tw);
function gotoFlickr(event:MouseEvent):void {
     var FL:URLRequest = new URLRequest("http://flickr.com/");
     navigateToURL(FL);
I don't understand why the first linked picture works but the others dont?
Thank you for your help

How do I add a dynamic hyperlink to an image in a CRM mail Merge?

We have a mail merge template that is being used by a number of our sales reps. The sales reps each have a unique URL they use to send out to potential customers. Their unique URL is saved on their User record in MSCRM. We want to
send out marketing pieces to prospects but we need the ability to dynamically add the user's hyperlink to an image on the mail merge (ex: an image saying "Click here") and cannot find a way to do this. Is this possible?

Hi,
This is not possible using OOTB CRM Marketing mail merge features for CRM 2013. However you can use 3rd party tools like Click Dimension for this Alternatively with MDM you are now able to use more advanced design features including what
you are trying to achieve.
http://www.microsoft.com/en-us/dynamics/marketing-customer-center/create-or-view-templates-for-email-marketing-messages.aspx
http://www.microsoft.com/en-us/dynamics/marketing-customer-center/design-message-content-using-the-graphical-editor.aspx
Hope this helps.
Minal Dahiya
blog : http://minaldahiya.blogspot.com.au/
If this post answers your question, please click "Mark As Answer" on the post and "Vote as Helpful"

How can I place a custom table over an image?

I have a graphic embedded in the Master Page at the start of every chapter like this.
I created a borderless Custom Table without the data that I want to place over the image so it looks like the text is typed on the notebook paper. I apparently can't add this to the Master Page, but I can't seem to figure out how to do this on the Body Page either. The table is the same as in my previous question but included here again for reference. While the borders are evident here, I will turn them off when I get this placed. The merged cells are for graphics that will change every Lesson. Appreciating this forum as always. Someday I hope I have enough knowledge to help other people here...
Thanks,
Laurie

Laurie,
You need to have a text frame over the area that you want your table to appear. On the Master Page, use the graphics tools to draw the text frame (Body not Background type) where you need it. Then on the Body pages insert the table. You may need to play with the positioning of the graphic on the Master Page and perhaps use the Format > Page Layout > Line Layout > Baseline Synchronization option as well as the Table Row Height properties to get things to properly align.

How to create a magnifying glass for image details

hello,
i am displaying an image with high resolution,so that the image on the screen has not the real resolution.
to look at details i want to move the mousepointer over the image and in an area under the mousepointer there should
appear the related part of the image with original high resolution,like a magnifying glass.
so what can be a solution for this?
thanks axel

Hi
I have created a sample here with Flex for
magnifying glass in flex:
http://devsachinonflex.blogspot.com/2010/04/magnifying-glass-in-flex.html Sachin dev tripathi
Flex Developer

How to create a full page background image that is fluid?

I'm creating a website for my portfolio, and one of the things I wanted to have is a full page background image that the div tags are in. I know there is a way to put it in via page properties, but that doesn't allow you to add CSS styles and I want the image to re-size with window changes. This requires putting the image in a div tag, but then it pushes the other div tags (such as my header section and navigation) so that they aren't over the image like I want. Is there a way to push the image div tag to the back so that the other div tags go over it.
I'm using HTML5, and it will also be a responsive design, but the fluid background is only for desktops.
I don't go on the adobe website often, so if you have an answer to this, or need more information to figure it out please email me at [email protected] and you'll get a faster reply than on this forum.
Thank you everyone for your help.

You should set this forum to email you on a reply.
I don't have a link in your question to determine how you are trying to do this, but here's a technique I have used:
Take a look at this website and see if it doesn't have what you are trying to do. You'll see the flag in the background and I have used opacity in the layers on top of it to keep the flag somewhat visible.
Now, what the flag does not do is re-size itself with the viewport (the browser window). But the flag is in a div that sits on top of the body. My code is accessible, but you're looking for the flag div and it's defined in CSS thusly:
#flag {
          width: 100%;
          background-image: url("../images/polish-flag.png");
          background-repeat: no-repeat;
          min-height: 900px;
Now, CSS3 adds a new attribute you can apply to the background image thusly:
     background-size: 100% 100%;
That would make your background fill the viewport.
I chose to not do that, because I was worried about versions of Internet Exploder before 10.

How can I create a hyperlink directly in the navigation menu using iWeb09?

I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

Try this...
Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.externalpage.com"; // change this to your own URL
</script>
...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

Transparent shadow crossing over the image in pdf output

Hi Folks,
In recent days, we are frequently facing problem in using of tiff format image in InDesign. In pdf output, there is some transparent shadow crossing over the image. The problem occurs in ps to pdf as well as export pdf settings. The issue was not happened for the past 5 years.
If it is a reproducible error, we could find the root cause of the problem. But the same issue does not occur if we create the pdf again. Please see below the differences in viewing of actual image & problematic image and suggest how to resolve this and why it happens.
Issue 1:
Actual view of image shown in left side; Corrupted view of image shown in right side
Issue 2:
Issue 3:
Now I have suggested my team to convert all tiff images to psd image format. I really don't know whether it helps. All I need is to know the root cause of the issue. Anybody please suggest would be really helpful.

@Tyson:
In Issue 2, horizontal green color shading is crossing above the play/pause icon in right hand side of the image.
In Issue 3, I have displayed the screenshot of the image placed in InDesign to show the original view of the image. But the problem shows in right hand side that is pdf output view. You can see the horizontal green color shading in 1st image and light grey color shading (at the top of "NO" text) in 2nd image.
Actual & Effective PPi of top of the image --> 597
Actual & Eff. PPI of bottom of the image --> 477
PS to pdf creation:
Crops & bleeds ON, Composite CMYK color output, Image data: All, Postscript: Level3, Data format: Binary, Printer profile: Document CYMK-US. web coated
If you need more details, I'm ready to give you. Please let me know.

How can I create a link on an image?

How can I create a link on an image?

Select your image and in the hyperlinks tool on the toolbar simply type in your site address you want to link to. be sure to include the http:// before the domain name.

Creating a hyperlink over an image

Similar Messages

Maybe you are looking for