|
HTML - Adding Link To Slideshow
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! 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 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, 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 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 Hi there.. i added some menu buttons for my site this is the code for the menu button <BUTTON TYPE=SUBMIT> <IMG SRC="../graphics/sfsmile.gif" HEIGHT=97 WIDTH=105 ALT="Starflower" ALIGN="ABSMIDDLE"> <STRONG>Send It In!</STRONG></BUTTON> Or go here i took this code from this website http://www.htmlcodetutorial.com/forms/_BUTTON.html you have an example here Now i added them but i have no clue how to add a link to this button so that when i click on it sents me to a page.. any ideeas pls ? Can anyone help me so that i can add a link to this menu button ? Thx Hi Everybody! I am new to java script... I got this freelance job that I need to work on a javascript developed by somebody else. I need to add a url link to an Array. So not only the image will swap but after a mouse down another url is called. Is it posssible? Any suggestion is appreciated!! Thanks! Bellow is the code +++++++++++++++++++++++ var aryImages = new Array() var aryDesc = new Array() aryImages[1] = new Image(380, 380); aryImages[1].src = "images/online_partners_demandmade.gif"; aryDesc[1] = "" +++++++++++++++++++++++ Hey every one I've got a simple one. When you copy and paste a link into face book often times a small image shows up to the left of link with the description. So I'm trying to get that to work on a site that I've built. I've read a bit about the open graph meta tags and a few simpler stop gaps but so far no luck. Did a bit of reading here but when push came to shove I'm still stuck: http://stackoverflow.com/questions/1...ost-link-image I'm trying to get the following image to be my FB link Image: http://www.eartheasy.johncliffordtay...s/thumb000.png So far I have plugged in the flowing HTML code in my <head> area of the with no luck: Code: <!-- Opengraph protocol. See http://ogp.me/ --> <meta property="og:title" content="Earth Easy Pest Control" /> <meta property="og:type" content="company" /> <meta property="og:url" content="http://www.eartheasy.johncliffordtaylor.com" /> <meta property="og:image" content="http://www.eartheasy.johncliffordtaylor.com/images/thumb000.png" /> Also I've tried the simpler work around mentioned in the above article with no luck: Code: <link rel="image_src" href="http://www.eartheasy.johncliffordtaylor.com/images/thumb000.png" /> As always thanks for the help in advance ladies and gents! Have a great day! JT Hey, I'm about 50% done creating my website. And I was thinking of adding sounds to my links (on mouseover). Well I decided that I definitely want to. I've picked out the sound. The only problem is, I only know how to add sound to a link like that using javascript. And with 50% of all of my pages created. I don't want to go back through all of those pages to add javascript into the header and change the coding and all of that stuff. So is there anyway I can add my sound using CSS (all of my pages are linked to a CSS file). This way I won't have to edit ALL of my pages, instead, just my CSS sheet. Thanks in advanced. - Jake I would like to add a link to my page that will call the current page that I am on...I need the call to not not only preseves the current params that were present in the initial call, but I would also like to add one addtional param. Is this possible? Example: Page call: index.html?view=all Wiithin the index.html file I want to add an <a href=""> tag that when clicked it will add an additional parameter "music=off" So the link would be: index.html?view=all&music=off Is this possible? 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. Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below. http://i223.photobucket.com/albums/d...screenshot.jpg I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red Does anyone know how to do this? or even know if it is possible? 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. 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. Hi, i'm trying to design a webpage and I was wondering if there was a way to create a row of pictures that ONLY scroll like a slideshow when the cursor is hovering over the buttons. Is it possible? How? Thanks I want to position my slideshow in the center of the side. the buttons are positioned with css. http://javascript.lima-city.de/ Who can help ? I'm making a website for a club in my school. I'm trying to put a slideshow script that has javascript and css into the page, and I've gotten it to fit and everything, but the slideshow isn't functioning. Independently, the slideshow works. Here are the links. It would be great if someone could help me with this. Problematic Site: http://www.freewebs.com/valleykey/new.htm Site without slideshow: http://www.freewebs.com/valleykey/ Slideshow: http://www.freewebs.com/valleykey/1.htm How do I make a slideshow where images roll and when clicked on go to another page? Hi everyone, I'm looking for a html/css script that will allow me to do something similar to the image slideshow on http://trilogyproducts.com/. The Trilogy Products slideshow is in flash, however we were hoping to replicate it in HTML - in particular the fade in and out automated slideshow, PLUS the ability to click on to the little circle navigation and fade out the current shot and fade in the selected shot. Any help would be very much appreciated. Thanks Bec <div style="width:600px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w22.photobucket.com/pbwidget.swf?pbwurl=http://w22.photobucket.com/albums/b339/ashezfal/product-misc/91c6ecdd.pbw" height="180" width="600"><a href="http://photobucket.com/slideshows" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float:left;border-width: 0;" ></a><a href="http://s22.photobucket.com/albums/b339/ashezfal/product-misc/?action=view¤t=91c6ecdd.pbw" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border-width: 0;" ></a></div> This is the html code for a photobucket slideshow that i am trying to use on my website. my problem is that when you click on it, it takes you to my album. I know i can change that on photobucket preferences but i just want to make it so that it can't be clicked at all. Can anybody help me? |
|||||||