Select Link Type
<select id="linkType">
<option value="DIRECTPAGE">Link to a page</option>
<option value="WEB">Link to a website</option>
<option value="VIDEOLINK">Link to a video</option>
<option value="IMAGELINK">Link to Price</option>
</select>
<p>
Link Details
</p>
<div>
<input style="width: 100%" id="txtLinkDetails" type="text" />
</div>
Hotspot Id Number
<div>
<input style="width: 100%" id="txtIdDetails" type="text" />
</div>
- $(".imgLink").live("click", function (e) {
- var LinkType = $(this).attr("linkType");
- if (LinkType.toUpperCase() == "WEB") {
- var href = $(this).attr("title");
- window.open(href, "_blank");
- } else if (LinkType.toUpperCase() == "DIRECTPAGE") {
- var pgLink = $(this).attr("title");
- $('#mybook').booklet(parseInt(pgLink));
- } else if (LinkType.toUpperCase() == "IMAGELINK") {
- var href = $(this).attr("title");
- fadelink();
- //video link
- }
- });
- function fadelink()
- {
- $('.imgLink').mousedown(function () {
- $('#divBook').fadeTo('slow', 0.50, function () {
- var link = $('.imgLink').attr('title');
- var link2 = $('.imgLink').attr('title');
- if (link == link2) {
- $(".imgLink").css("background-image", "url(" + LinkOverlayImg + ")").fadeIn('fast');
- }
- });
- });
- }
The fade work on mousedown when dynamic link is created.
I am trying to make the item click not fade as well. I need to loop through the page and find all links with the same value. not fade.
This code give me the background LinkOverlayImg.
Is possible to fade out coordinance only. If I create a Hot spot or on click on fade that out.