HTML - Help-deleting Link In Html Code For Slideshow?
Hello, I am needing help finding out how to remove a link in my HTML slideshow code. I made the slideshow for this website using slide.com and want to remove the link behind it that directs you to their site! The slideshow is fine but when you click on it, it directs you to "Their Site", I don't want that. I was wondering if the code was embedded, please help! Here is the code:
<p style='visibility:visible;'><object type='application/x-shockwave-flash' data='http://widget-a3.slide.com/widgets/slideticker.swf' height='200' width='250' style='width:250px;height:200px'><param name='movie' value='http://widget-a3.slide.com/widgets/slideticker.swf' /><param name='quality' value='high' /><param name='scale' value='noscale' /><param name='salign' value='l' /><param name='wmode' value='transparent'/> <param name='flashvars' value='cy=ms&il=1&channel=2666130979436416163&site=widget-a3.slide.com'/></object><p style='white-space:nowrap'><a href Similar TutorialsHello all, If someone could assist me with the coding necessary to add a slideshow (photos banners etc) to webpages that would be very much appreciated. I am familiar with quite a lot of html formatting and have created a few functional homepages, but have no experience with this particular aspect. Thanks a lot in advance Lalita I have several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a> How do I need to change it such that a new instance of the browser is used in which the linked site is displayed. what's the HTML code to download a pdf from a link. please help i really need this code for my website.. Hello HTML experts, I am new in this forum. I have a problem here please help me. I have a large number of links for navigation menu I don't want to instert these links in every pages again and again. I want to keep these links in one page but I am anable to link this page (HTML Code) in other pages. I am not interested in frames. Is there any other way, if yes then please help me. Rajpal Singh Hello, I am looking for a piece of HTML that would stop the scrollbar from automatically resetting to the top of the page once the link has been clicked and the new page is visible, as the website i am currently building is a portfolio container of sorts, and I have a load of images that I wish to appear to be on the same web page but when the "next" button is clicked it is merely taking the viewer to an entirely new page built of identical code but for the different image content. I want the scrollbar to stay at the bottom of the screen (I have a page that is 1063px high with the images at the bottom) once links have been clicked on, and I would be very grateful if somebody in the know has the time to reply. here's the as-yet unfinished web page. http://www.alexhaines.co.uk/footprints.html - click the links to the different housing projects (currently only the brevoort button works :-/ ) to see what I'm talking about specifically with the scrollbar defaulting back to the top. Many sincere thanks in advance, Alex Hi all, I cant seem to manage to put links to the slideshow I'm using. http://fifthmammoth.co.uk/slideshow/example4.html This doesn't appear to work: Code: <div id="slide_01"> <div id="myShow-1" class="slide-show"> <div class="slide first"> <a href="pro_scherm/index.html"><img alt="" src="slideshow2/images/slide_01.jpg" width="300" height="200"> <div class="slide-caption">plaatje 1</div></a> </div> <div class="slide"> <img src="slideshow2/images/slide_02.jpg" width="300" height="200"> <div class="slide-caption">plaatje 2</div> </div> <div class="slide"> <img src="slideshow2/images/slide_03.jpg" width="300" height="200"> <div class="slide-caption">plaatje 3</div> </div> </div> Another thing I'd like to accomplish, to make a link between the slideshow in the mainscreen, and the menubar below. Ideally, if you rollover the slideshow, the matching project in the menubar below lightens. Is it possible to create a rollover effect like this? Your help would be really appreciated! Hey there, Currently have Code: slideimages[0]='<a href="boxers/paul.html"><img src="images/boxerpaul.jpg" border=0"></a>' Im looking at opening a new window when you click this picture that will open a 600x600 window without toolbars but just cant seem to get it to work. Have tried, Code: <a class="lol" href="javascript:void(0)"onclick="window.open('boxers/paul.html','welcome','width=600,height=600,menubar=yes,status=yes')"></A> But with no luck. Appreciate some help thanks. Hello all, I have created a basic slideshow from dreamweaver's template provided. I want to add one link right next to the 'Next' button that says 'download full size image'. Is this possible to do without manually do it and manually pointing it to the correct file? I would appreciate any help. Thanks, Lorne Hey guys, my problem is I need this code to be tweaked so that when the page is loaded there are 5 thumbnail images between the forward and backward buttons. Currently, the way it is configured, only three images show to start, but as you click on a thumbnail to load a new picture, more thumbnails show up, up to five. I tried to change this myself, only to have the wrong image load when the thumbnail is clicked and other problems. So here is the code in question: HTML Code: <body onload="preloadImages();" bgcolor="black"> <div id="wrapper"> <div id="layer1"> <div style="position:relative;width:958px;height:645px;-adbe-g:p;"> <div style="position:absolute;top:544px;left:112px;width:69px;height:25px;"> <a onmouseover="changeImages('HomeText','Images/HomeTextRolloverGif.gif');return true" onmouseout="changeImages('HomeText','Images/HomeTextGif.gif');return true" href="IanGIbbonsPhotographyMain.html"><img id="HomeText" src="Images/HomeTextGif.gif" alt="" name="HomeText" height="25" width="69" border="0" /></a></div> <div style="position:absolute;top:544px;left:256px;width:84px;height:23px;"> <a onmouseover="changeImages('AboutText','Images/AboutTextRolloverGif.gif');return true" onmouseout="changeImages('AboutText','Images/AboutTextGif.gif');return true" href="IanGIbbonsPhotographyAbout.html"><img id="AboutText" src="Images/AboutTextGif.gif" alt="" name="AboutText" height="23" width="84" border="0" /></a></div> <div style="position:absolute;top:544px;left:400px;width:67px;height:25px;"> <a onmouseover="changeImages('HireText','Images/HireTextRolloverGif.gif');return true" onmouseout="changeImages('HireText','Images/HireTextgif.gif');return true" href="IanGIbbonsPhotographyHire.html"><img id="HireText" src="Images/HireTextgif.gif" alt="" name="HireText" height="25" width="67" border="0" /></a></div> <div style="position:absolute;top:544px;left:528px;width:112px;height:21px;"> <a onmouseover="changeImages('ContactText','Images/ContactTextRolloverGif.gif');return true" onmouseout="changeImages('ContactText','Images/ContactTextGif.gif');return true" href="IanGIbbonsPhotographyContact.html"><img id="ContactText" src="Images/ContactTextGif.gif" alt="" name="ContactText" height="21" width="112" border="0" /></a></div> <div style="position:absolute;top:544px;left:704px;width:131px;height:22px;"> <a onmouseover="changeImages('CalendarText','Images/CalendarTextRolloverGif.gif');return true" onmouseout="changeImages('CalendarText','Images/CalendarTextGif.gif');return true" href="#"><img id="CalendarText" src="Images/CalendarTextGif.gif" alt="" name="CalendarText" height="22" width="131" border="0" /></a></div> <div style="position:absolute;top:80px;left:128px;width:69px;height:317px;"> <table> <tr> <td> <div align="center"> <a href="javascript:prevSet()"><img class="nobo" src="Images/prevSet.gif" alt="Previous Set" style="border-style: none" /> </a><br /> </div> </td> </tr> <tr> <td><a href="javascript:setPic(-2)"><img id="thumbnail1" src="Images/dot.gif" alt="" name="thumbnail1" style="border-style: none" /> </a></td> </tr> <tr> <td><a href="javascript:setPic(-1)"><img id="thumbnail2" src="Images/dot.gif" alt="" name="thumbnail2" style="border-style: none" /> </a></td> </tr> <tr> <td><a href="javascript:setPic(0)"><img id="thumbnail3" src="Images/thumbnails/Image1.png" alt="" name="thumbnail3" style="border-style: none" /> </a></td> </tr> <tr> <td><a href="javascript:setPic(1)"><img id="thumbnail4" src="Images/thumbnails/Image2.png" alt="" name="thumbnail4" style="border-style: none" /> </a></td> </tr> <tr> <td><a href="javascript:setPic(2)"><img id="thumbnail5" src="Images/thumbnails/Image2.png" alt="" name="thumbnail5" style="border-style: none" /> </a></td> </tr> <tr> <td> <div align="center"> <a href="javascript:nextSet()"><img class="nobo" src="Images/nextSet.gif" alt="Next" style="border-style: none" /> </a><br /> </div> </td> </tr> </table> </div> <div style="position:absolute;top:97px;left:280px;width:565px;height:386px;"> <img id="BigPic" src="Images/Photography/Start.png" alt="Enforcer" name="BigPic" /></div> <csnopos> <cspos xpos="80" xpos="0"> <script type="text/javascript" language="javascript"> filenames = new Array ( "Image1.png", "Image2.png", "Image2.png", "Image4.png", "Image5.png" ) descriptions = new Array ( "Image1.png", "Image2.png", "Image3.png", "Image4.png", "Image5.png" ) picCount = filenames.length; index = 0; function getPic(i) { return filenames[i]; } function getDesc(i) { return descriptions[i]; } function setPic(thumb) { if ( index + thumb >= 0 && index + thumb < picCount ) { index = index + thumb; var mainPic = document.getElementById('BigPic'); newPic = "Images/Photography/" + getPic(index); mainPic.src = newPic; updateThumbs(); } } function prevPic() { if ( index > 0 ) { index--; updateThumbs(); } } function nextPic() { if ( index < picCount ) { index++; updateThumbs(); } } function prevSet() { if ( index > 5 ) { index = index - 5; } else { index = 3; } updateThumbs(); } function nextSet() { if ( index < picCount - 5 ) { index = index + 5; } else { index = piccount - 3; } updateThumbs(); } function first() { index = 2; updateThumbs(); } function last() { index = picCount - 4; updateThumbs(); } function updateThumbs() { for ( i = 1; i < 6; i++ ) { var thumbPic = document.getElementById('thumbnail' + i); thumbindex = index + (i - 3); if ( thumbindex >= 0 && thumbindex < picCount ) { newPic = "Images/thumbnails/" + getPic(thumbindex); } else { newPic = "Images/dot.gif"; } thumbPic.src = newPic; } } </script> You can find this in practice he https://campfireditties2.sslpowered....onsPeople.html Any help would be tremendously appreciated. I want to create a slideshow, with the pictures rotating at the bottom of my webpage. However, when the page changes it jumps back to the top of the page. Does anyone know how to prevent this? Thanks. Right, I have started up a gaming website and I need that Headline Slideshow feature implemented soon as. Here is what I'm struggling with: I want to swap the normal action buttons (supplied by the slide generator *liink at bottom) with images I have created. Buttons I want changed too (<)Left button =http://i40.tinypic.com/mrftlc.jpg (>)Right button =http://i39.tinypic.com/5wuo5.jpg I do not want any other action buttons. But I want my images to be placed around the slide like so http://i40.tinypic.com/2176tf.jpg Here is the Code: Code: <!-- configurable script --> <script type="text/javascript"> theimage = new Array(); // The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4. // Format: theimage[...]=[image URL, link URL, name/description] theimage[0]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""]; theimage[1]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""]; ///// Plugin variables playspeed=5000;// The playspeed determines the delay for the "Play" button in ms //##### //key that holds where in the array currently are i=0; //########################################### window.onload=function(){ //preload images into browser preloadSlide(); //set the first slide SetSlide(0); //autoplay PlaySlide(); } //########################################### function SetSlide(num) { //too big i=num%theimage.length; //too small if(i<0)i=theimage.length-1; //switch the image document.images.imgslide.src=theimage[i][0]; //if they want name of current slide document.getElementById('slidebox').innerHTML=theimage[i][2]; } //########################################### function PlaySlide() { if (!window.playing) { PlayingSlide(i+1); if(document.slideshow.play){ document.slideshow.play.value=" Stop "; } } else { playing=clearTimeout(playing); if(document.slideshow.play){ document.slideshow.play.value=" Play "; } } // if you have to change the image for the "playing" slide if(document.images.imgPlay){ setTimeout('document.images.imgPlay.src="'+imgStop+'"',1); imgStop=document.images.imgPlay.src } } //########################################### function PlayingSlide(num) { playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed); } //########################################### function preloadSlide() { for(k=0;k<theimage.length;k++) { theimage[k][0]=new Image().src=theimage[k][0]; } } </script> <!-- slide show HTML --> <form name="slideshow"> <table border="1" cellpadding="2" cellspacing="0"> <tr> <td align="center"> <a href="#" onmouseover="this.href=theimage[i][1];return false"> <script type="text/javascript"> document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">') </script> </a> </td> </tr> <tr> <td align="center"><div id="slidebox"></div></td> </tr> <tr> <td align="center"> <input type="button" value="I<<" onclick="SetSlide(0);" title="Jump to starting image"> <input type="button" value="<<" onclick="SetSlide(i-1);" title="Previous image"> <input type="button" name="play" value=" Play " onclick="PlaySlide();" title="Autoplay"> <input type="button" value=">>" onclick="SetSlide(i+1);" title="Jump to next image"> <input type="button" value=">>I" onclick="SetSlide(theimage.length-1);" title="Jump to ending image"> </td> </tr> </table> </form> <!-- end of slide show HTML --> (code generated from http://www.ricocheting.com/code/java...e-slideshow-v2 if that helps) PLEASE NOTE: We do not want the (>>) (<<) or <PLAY> buttons. Just as above. We would gratefully accept any help - we are really bad with HTML. We have contacted the developer of the code but as of posting there has been no response. Thx. Hey, I'm helping design a site www.tbdgaming.com and we have an ad box up top that shows different pictures and captions for each one, and what we'd like to do is have those pictures (theres 5) switch every x seconds to the next one, and we'd like it to be clean. The code is: Code: <!-- starting headlines --> <div class="headlineWrap" id="headlineWrap"> <!-- headline 1 --> <div id="headline1"> <a href=""><img src="http://i39.tinypic.com/2zycr3n.gif" alt="" /></a> <div class="headlineContent"> <div class="headlineTxt">To Be Determined - Coming Soon</div> <div class="headlineSwitch"> <a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1on.gif" alt="" /></a> <a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a> <a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a> <a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a> <a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a> </div> </div> </div> <!-- headline 2 --> <div id="headline2" style="display: none;" > <a href=""><img src="http://i42.tinypic.com/aazxqh.gif" alt="" /></a> <div class="headlineContent"> <div class="headlineTxt">To Be Determined - Coming Soon</div> <div class="headlineSwitch"> <a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a> <a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2on.gif" alt="" /></a> <a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a> <a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a> <a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a> </div> </div> </div> <!-- headline 3 --> <div id="headline3" style="display: none;" > <a href=""><img src="images/content/headlinepic.gif" alt="" /></a> <div class="headlineContent"> <div class="headlineTxt">To Be Determined - Coming Soon</div> <div class="headlineSwitch"> <a href="#javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a> <a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a> <a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3on.gif" alt="" /></a> <a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a> <a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a> </div> </div> </div> <!-- headline 4 --> <div id="headline4" style="display: none;" > <a href=""><img src="images/content/headlinepic.gif" alt="" /></a> <div class="headlineContent"> <div class="headlineTxt">To Be Determined - Coming Soon</div> <div class="headlineSwitch"> <a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a> <a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a> <a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a> <a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4on.gif" alt="" /></a> <a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a> </div> </div> </div> <!-- headline 5 --> <div id="headline5" style="display: none;" > <a href=""><img src="images/content/headlinepic.gif" alt="" /></a> <div class="headlineContent"> <div class="headlineTxt">To Be Determined - Coming Soon</div> <div class="headlineSwitch"> <a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a> <a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a> <a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a> <a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a> <a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5on.gif" alt="" /></a> </div> </div> </div> </div> <!-- ending headlines --> And again the site is www.tbdgaming.com, so if anyone could send me the HTML or non-executable java (no .jars to be added to directories) so that the pictures would rotate between eachother I'd really appreciate it. Also if there it a way to shorten the code I would appreciate it, as you can see its very long because its divided up so that each headline is separately coded to work when selected, but is there some way I can combine it into one compact space so that it functions the same but is shorter? Pretty simple, I'm trying to me a slide show for my website (face in, 2.5 seconds later, fade out and move to the next one). I have a problem, I have tried everything to try and get the code working but I don't have a clue what the problem is. Anyone tell me if you can spot any errors? I have managed to get the image to appear on my page but won't start the slide. <html> <body> <head> <script type="text/javascript"> <!-- var image1=new Image() image1.src="Images\double.jpg" var image2=new Image() image2.src="Images\family.jpg" var image3=new Image() image3.src="Images\room.jpg" //--> </script> </head> <body> <center><img src="Images\double.jpg" name="slide" width="500" height="456" /></center> <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<3) step++ else step=1 //call function "slideit()" every 1.0 seconds setTimeout("slideit()",2500) } slideit() //--> </script> </body> </html> I finally figured out how to add text to my index and now I have another question. In my website template There is Heading 1 and a Heading 2 so my question is how do I delete any sections or headings that I don't need to make it go away on my home page. There is so much and I don't think I need all of it..... Thanks in advance My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hello all. I am making a page about logic gates. Anyway, I need to add a link target to the following code: Code: <center><h1 style="font-family: arial, serif; font-size:24pt; text-align:center; width: 250px; display:block; padding:5px; color:#000000; background-color:#1B3F8B; border: solid #000000 2px">The And Gate</h1> </center> This is bacause I have a pic of logic gates that I have image mapped and I want users to be able to click on a specific gate and be able to instantly jump to where that gate is on the page. I have came up with the following code to set a link target: Code: <a name="And"></a>|<font size="+2">And gate</font> The problem is that I am not sure where to place this code in the first code I posted. Can anybody help? Hello again I need to open a page of text from a text link as its too much on one page What is the code please to do it and I gues I have to find the page address too and upload the page with ftp? Thanks I'm quite new to programming and I could use some help. What is the rough html code to setting up a link to an amazon product with just a price link. So all they see is the price and that links to the actual product on amazon. If you could show an example I would really appreciate it. Thanks everyone. Hey guys, completely new here just learning how to do basic html. I'm excited, just hope I don't get lose that as I get futher into it. Anyhow does anyone know what I can remove from this embeded link for a video I uploaded. I uploaded using Yahoo Video, seems to be no limits on time and the quality seem decent enough. I was able to remove a few things that Yahoo put, but I would really like to disable the "I" (info button) and the email button if possible, and the "Big Y" at the top right corner. There was a issue, that when you maxed the video, then hit escape to go back, it would restart the video, and take you to yahoo and replay it. That was not good, I'm glad I found the option to disable the max video. Anyhow here is the code, thank you: <div><object width="512" height="322"><param name="movie" /><param name="allowFullScreen" value="true" /><param name="AllowScriptAccess" VALUE="always" /><param name="bgcolor" value="#000000" /><param name="flashVars" /><embed src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46" type="application/x-shockwave-flash" width="512" height="322" allowFullScreen="false" AllowScriptAccess="always" bgcolor="#000000" flashVars="id=19390192&vid=7411290&lang=en-us&intl=us&thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/14468/106621986.jpeg&embed=1" > I want to have a section on our website called 'link to us' , (or similar). What is the best way to provide people that want to link to our site with the code that allows them to do so? |