Rotating Ad Banner
I am trying to figure out how to create a rotating homepage banner with news stories in dreamweaver. I know how to do rotating images but I saw one (see link below) that had text, images, and link. Cannot find anything on how to do this.
Example:
http://www.uconnalumni.com/index.php
http://www.hotscripts.com/category/javascript/scripts-programs/banner-rotation/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
Creating Rotating Banner HELP NEEDED PLEASE
* Best software to create a rotating JAVA banner with *
Hi
Sorry if I am asking a really silly question. I've spent about an hour surfing the web for a clear answer but haven't come up with anything.
I am having a W3C compliant website built and I need to create a JAVA/AJAX based image similar to how this works: [Gerrard Investments|http://www.gerrard.com/homepage.htm] but I don't have a clue where to start.
What programme do I use to create something like that?_ Preferably I's like to use a freeware application, otherwise I have Photoshop, Fireworks, Dreamweaver, Frontpage should any of those do it. I'd really really appreciate any advice. Thanks for taking the time to read this. Regards.
Edited by: Not4u2Touch on Jun 5, 2008 6:56 AM
Edited by: Not4u2Touch on Jun 5, 2008 6:56 AMNot4u2Touch wrote:
I am having a W3C compliant website built and I need to create a JAVA/AJAX based image similar to how this works: http://www.gerrard.com/homepage.htm but I don't have a clue where to start.
You're throwing out words, but you don't seem to know what they mean.
What programme do I use to create something like that?_ Preferably I's like to use a freeware application, otherwise I have Photoshop, Fireworks, Dreamweaver, Frontpage should any of those do it. I'd really really appreciate any advice. Thanks for taking the time to read this. Regards.That page used Flash. Anything wrong with that? -
I give. I've tried and tried to google, check forums, etc. and cannot find the exact answer to what I believe should be simple (if you know what you are doing).
I need a simple rotating web banner with three photos. Each photo represents a different event and needs a different link to a different brochure.
I have Dreamweaver CS3, Photoshop CS and Imageready CS.
Please help if you have a moment to spare. I would greatly appreciate it!NivoSlider is one option that can do what you want.
http://nivo.dev7studios.com/features/
http://nivo.dev7studios.com/support/jquery-plugin-usage/
To link the images, just wrap the images inside <a> tags, as per the usage page. -
i managed to create a rotating image banner with the help from this website
http://www.communitymx.com/content/article.cfm?cid=651FF
but without the fade-in fade-out effect it doesn't look very nice. how can i make the images fade-in like in the below website
http://www.flipflopflo.co.uk/home
i found some help here
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
but (as i am not professional user) i dont understand what to do with the scripts shown there. for example on "Step 2" it says
"Step 2: Then, insert the following sample HTML for 2 sample Fade In slideshows:"
insert where?free flash tutorials sites list here
http://www.links-mylinks.com/2007/10/flash-sites-free-tutorial-templates.html -
Problem with flash banners in browser
I have a very frustrating problem with my browser (any browser) opening a flash banner. On my website we have a rotating flash banner and when I open it all four banners open at the same time. It happens on several pages, but not in every page with a banner. I have tried emptying my cache and turning off Kaspersky, but to no avail.
Does anyone know what could be happening???my page is www.sojournfargo.org, but the page works on my wife's computer and the web designer's computer. I also can't see the banner on www.inforum.com where the news rotates.
-
Error message: 1021: Duplicate function definition.
Hi All,
First let me start by saying that I know next to nothing about Flash. I have inherited a website maintenance project that has a Flash rotating image banner. I have managed to get the images to fade-in and fade-out correctly, but now I need to make these images clickable - linking images to pages in the website. I have read many posts here and have reviewed the video tutorials. I have been able to get the first image clickable using this AS3 action:
mars_btn.addEventListener(MouseEvent.CLICK, buttonClickHandler);
function buttonClickHandler(event:MouseEvent) :void {
navigateToURL(new URLRequest("http://somewebsite/mars.php"));
trace("I'm clicked");
However, when I attempt to make another image clickable by using a different instance of a button I get the error message:
1021: Duplicate function definition.
I have a separate instance of a button with this AS3 action:
jupiter_btn.addEventListener(MouseEvent.CLICK, buttonClickHandler);
function buttonClickHandler(event:MouseEvent) :void {
navigateToURL(new URLRequest("http://somewebsite/jupiter.php"));
trace("I'm clicked");
Obviously I'm not understanding how I'm supposed to do this so that I don't create a duplicate function definition. Any help would be most appreciated.excuse me , I have a question i hope that you help .. ( im new in here )
we were asked to create an interactive application on flash in two languages..
so i created two different fla files same exact codings ... i was wondering how can i combine them so the viewer can be able to choose the language from a button ?
when i try to combine them i get lots of errors of duplications in the actionscript
PS : MY MAIN PAGE INCLUDES A CAROUSEL with images ..
I was thinking of saving one of the fla as a movie and then add it some how to the second fla and combine it with a button but i can't figure it how..
i hope i was clear enough.. but is there any possibility to help me please ?!
when i tend to change names or something it creates error.. ( IM NOT A PRO IN AS3 ) and when i dublicate the scenes it give duplication errors.. WHAT IS THE SOLUTION ??
this is the code of the actionscript in the main page.. ( the carousel's code i took from someone ) and i used it on my project
import com.ccanvas.carousel.*;
var centerX:Number = stage.stageWidth/4;
var centerY:Number = stage.stageHeight/4;
var carc:Carousel = new Carousel(centerX, centerY, 256, 75, "icons.xml");
carc.addTooltip(new tooltip); // use 'tooltip' movieclip for item tooltip
addChild(carc); // add carousel to stage
function down(event:MouseEvent):void {
trace(event.currentTarget.toolText); // simple click interaction
function destroyCarousel(event:MouseEvent):void {
carc.destroy(); // remove all item in carousel as well as tooltip
function removeNextItem(event:MouseEvent):void {
if(carc.numOfItems > 2) {
carc.removeItem(2); // remove the item next to the remove item icon
create.addEventListener("mouseDown", createCarousel);
function createCarousel(event:MouseEvent):void {
if(carc.CREATED == false) {
// recreate the carousel
carc = new Carousel(centerX, centerY, 256, 75, "icons.xml");
carc.addTooltip(new tooltip);
addChild(carc);
}/* Click to Go to Scene and Play
Clicking on the specified symbol instance plays the movie from the specified scene and frame.
Instructions:
1. Replace "Scene 3" with the name of the scene you would like play.
2. Replace 1 with the frame number you would like the movie to play from in the specified scene.
Tools_button.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene);
function fl_ClickToGoToScene(event:MouseEvent):void
MovieClip(this.root).gotoAndPlay(1, "Toolse");
}/* Click to Go to Scene and Play
Clicking on the specified symbol instance plays the movie from the specified scene and frame.
Instructions:
1. Replace "Scene 3" with the name of the scene you would like play.
2. Replace 1 with the frame number you would like the movie to play from in the specified scene.
games_button.addEventListener(MouseEvent.CLICK, fl_ClickToGoToGames);
function fl_ClickToGoToGames(event:MouseEvent):void
MovieClip(this.root).gotoAndPlay(1, "Gamese");
}/* Click to Go to Scene and Play
Clicking on the specified symbol instance plays the movie from the specified scene and frame.
Instructions:
1. Replace "Scene 3" with the name of the scene you would like play.
2. Replace 1 with the frame number you would like the movie to play from in the specified scene.
Identity_button.addEventListener(MouseEvent.CLICK, fl_ClickToGoToIdentity);
function fl_ClickToGoToIdentity(event:MouseEvent):void
MovieClip(this.root).gotoAndPlay(1, "Identitye");
}/* Click to Go to Scene and Play
Clicking on the specified symbol instance plays the movie from the specified scene and frame.
Instructions:
1. Replace "Scene 3" with the name of the scene you would like play.
2. Replace 1 with the frame number you would like the movie to play from in the specified scene.
Reviews_button.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene_13);
function fl_ClickToGoToScene_13(event:MouseEvent):void
MovieClip(this.root).gotoAndPlay(1, "Reviewse");
}/* Click to Go to Scene and Play
Clicking on the specified symbol instance plays the movie from the specified scene and frame.
Instructions:
1. Replace "Scene 3" with the name of the scene you would like play.
2. Replace 1 with the frame number you would like the movie to play from in the specified scene.
Facts_button.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene_20);
function fl_ClickToGoToScene_20(event:MouseEvent):void
MovieClip(this.root).gotoAndPlay(1, "Factse"); -
Working with Folders and Sub-Folders
I'm updating this big site, and its pages are organized into
folders. I've only ever organized my images and .pdf files with
folders not my html files but all my prior sites have never had so
many files as this one. It’s starting to drive me crazy
though because pages in folders aren't connecting to scripts in the
scripts folder, menus aren't working right because of it and I'm
not sure what I can do to fix it.
My question is if images are showing up in these sub-pages,
the linked css is being applied in these sub-pages why are the
scripts not working in the sub-pages? For example, all the top
level pages easily connect to the rotating JavaScript banner, but
as soon as you go into a sub-folder page the banner disappears. All
these files are being updated via templates so any changes I'm
doing is affecting all the pages the same. That’s why
it’s confusing me why an image would connect the same but a
script wouldn't. Don't they search for their links root down or
does it search the folder its in down? How can you get templates to
work under such conditions where files are both in the root and in
folders and sub-folders?
Site reference is:
http://golfforkids.net/focus/index.html
Please note that this is a temporary domain for testing. The
top menu will pop up a window saying that it needs to be
registered. They are, just not to that domain and I don't have
access to the native domain. Sorry for the inconvenience!
Thank you for any clarification!!!''"Are you subscribed to those subfolders?
File (Alt-F) - Subscribe"''
Please see #2 in original post:
''"2) Trying to Subscribe to folders only shows Inbox, not sub-folders for Inbox."''
Attached is an image illustrating this (this screenshot was taken after forcing Thunderbird to show Inbox folders as described in #3 of OP)
{In OP I was unable to attach images} -
Java script will not work after creating new page
I am using dreamweaver cs3 and have a java script to rotate a banner in a template. This script has worked fine in the past when I created pages in Dreamwever. Now the script works fine only when I test it in a template but when I try to upload to my ISP the script will no longer work. At first I thought it was the ISP made changes but the person who sits next to me running the same version of Dreamweaver can create a page and the java works. The java is placed in a template, tested by viewing in a brower and it works, however once I try to create a new page using the template the scriipt will not work. To get around this I have the person sitting next to me save my template and then I can create pages. Also if I save the template with my pc and it updates the pages created by the template the java will no longer work.
This is very frustrating as I cannot create or modify my template on this pc. What would prevent this from working?OK - now we are on to something ..... the script on the template only contains:
function randomImages(){
if(counter == (imgs.length)){
counter = 0;
MM_swapImage('rotator', '', imgs[counter++]);
setTimeout('randomImages()', delay);
However when I create a new page from the template with this javascript in it the code changes to:
function randomImages(){
if(counter == (imgs.length)){
counter = 0;
MM_swapImage('rotator', '', imgs[counter++]imgs[i]);
function randomImages(){
if(counter == (imgs.length)){
counter = 0;
MM_swapImage('rotator', '', imgs[counter++]);
setTimeout('randomImages()', delay); -
Banner (rotative)...ANY HELP WILL BE REWARDED!!!!
Hello you guys,
Im working on the development of a rotative banner, for someone that doesnt know what it is is a banner (in several web pages you can find one) that change the image present in it once on a while (every certain time), and each one of those image represent a point of entry for accessing to an specific place in almost all of the cases, different web pages in my case a specific portals role, user profile. The images that I want to present in the banner are store in the km repository. I found a solution that serves me well for my purpose, but I need to find another solution for achieve my goal and now I going to explain why:
Im using a JSPDynpage PAR, as a parameters of this *.PAR , I get the all the paths where the images are physically store on the server, the names of those images and the paths of the roles (in the PCD) associated to each one of those image. In the before output method, I get the complete path where the image is store, and put it (render it) on my iview, then is executed a wait method and finally with the SUBMIT method, I send again the information (some variables that I need to change the image in the banner) to the browser and that result in the continuing refresh (request response cycle) of my browser. Its important to know that only the iviews *.PAR is refreshing when the submit method is execute, not all the page. Know, like I said before all works fine, but the problem is that I want to do this but I dont want that my browser refresh every certain time so the question is: is there another way to do this using EPCM API and avoiding the use of the submit method (no refresh the browser)?
Here is the source code if someone need to look it for give me some answers. Any help will be rewarded. Thanx a lot!!!
<%@ page pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.List"%>
<%@ taglib uri="tagLib" prefix="hbj" %>
<%@ page language="java" %>
<%
String RefreshTime = (String) componentRequest.getValue("RefreshTime");
String imgURL = (String) componentRequest.getValue("imgURL");
String name = (String) componentRequest.getValue("name");
String URL = (String) componentRequest.getValue("URL");
%>
<hbj:content id="myContext" >
<hbj:page title="PageTitle">
<hbj:form id="myFormId" >
<hbj:inputField
id="InputName"
type="string"
maxlength="100"
visible = "FALSE"
value="<%=name%>"/>
<hbj:inputField
id="InputURL"
type="string"
maxlength="100"
visible = "FALSE"
value="<%=URL%>"/>
<hbj:gridLayout
id="myGridLayout1"
debugMode="FALSE"
width="100%"
cellSpacing="5">
<hbj:gridLayoutCell
rowIndex="1"
columnIndex="1"
width="100%"
horizontalAlignment="CENTER">
<hbj:link
id="link1"
text=""
target="_TOP">
<hbj:image
src="<%=imgURL%>"
alt="Banners"/>
<% link1.setOnClientClick("javascript:EPCM.doNavigate('"URL"')"); %>
</hbj:link>
</hbj:gridLayoutCell>
</hbj:gridLayout>
</hbj:form>
</hbj:page>
</hbj:content>
<SCRIPT LANGUAGE="JavaScript">
var tid = window.setTimeout("changeMessage()",<%=RefreshTime%>000);
function changeMessage(){
var myFormId = document.getElementById(htmlb_formid);
myFormId.submit();
function stopMessageBanner(){
if (typeof tid != "undefined"){
clearTimeout(tid);
</SCRIPT>
Anexo la clase java
import com.sapportals.htmlb.Image;
import com.sapportals.htmlb.InputField;
import com.sapportals.htmlb.Link;
import com.sapportals.htmlb.page.DynPage;
import com.sapportals.htmlb.page.PageException;
import com.sapportals.portal.htmlb.page.JSPDynPage;
import com.sapportals.portal.htmlb.page.PageProcessorComponent;
import com.sapportals.portal.prt.component.IPortalComponentProfile;
import com.sapportals.portal.prt.component.IPortalComponentRequest;
import com.sapportals.portal.prt.component.IPortalComponentURI;
public class ZbannersRotatives extends PageProcessorComponent {
public DynPage getPage(){
return new ZbannersRotativesDynPage();
public static class ZbannersRotativesDynPage extends JSPDynPage{
private IPortalComponentRequest request;
private IPortalComponentProfile profile;
private String RefreshTime ="";
private String path = "";
private String name1 = "";
private String name2 = "";
private String name3 = "";
private String url1 = "";
private String url2 = "";
private String url3 = "";
private String name = "";
private String URL = "";
public void doInitialization(){
request = (IPortalComponentRequest) this.getRequest();
profile = request.getComponentContext().getProfile();
RefreshTime = profile.getProperty("RefreshTime");
path = profile.getProperty("path");
name3 = profile.getProperty("name3");
url3 = profile.getProperty("url3");
name = name3;
URL = url3;
public void doProcessAfterInput() throws PageException {
request = (IPortalComponentRequest) getRequest();
profile = request.getComponentContext().getProfile();
path = profile.getProperty("path");
name1 = profile.getProperty("name1");
name2 = profile.getProperty("name2");
name3 = profile.getProperty("name3");
url1 = profile.getProperty("url1");
url2 = profile.getProperty("url2");
url3 = profile.getProperty("url3");
InputField currentInputName = (InputField) this.getComponentByName("InputName");
InputField currentInputURL = (InputField) this.getComponentByName("InputURL");
String name_var = "";
String url_var = "" ;
if (currentInputName != null) {
name_var = currentInputName.getString().getValue();
url_var = currentInputURL.getString().getValue();
if(name_var.equals(name3))
name = name1;
URL = url1;
if(name_var.equals(name1))
name = name2;
URL = url2;
if(name_var.equals(name2))
name = name3;
URL = url3;
public void doProcessBeforeOutput() throws PageException {
request = (IPortalComponentRequest) this.getRequest();
profile = request.getComponentContext().getProfile();
RefreshTime = profile.getProperty("RefreshTime");
IPortalComponentURI componentURI = request.createPortalComponentURI();
componentURI.setContextName("com.sap.km.cm.docs");
String docsURI = componentURI.toString();
String imgURL = docsURI + path + "/" + name;
Link linkBanner = new Link("lnkBanner");
linkBanner.setTarget("_blank");
linkBanner.setOnClientClick("javascript:EPCM.doNavigate('"URL"')");
Image oImgBanner = new Image(name,"Banner");
oImgBanner.setTooltip("Ayuda");
linkBanner.addComponent(oImgBanner);
request.putValue("linkBanner",linkBanner);
request.putValue("name",name);
request.putValue("URL",URL);
request.putValue("imgURL",imgURL);
request.putValue("RefreshTime",RefreshTime);
this.setJspName("ZbannersRotatives.jsp");Hi,
there is a possibility to make a request to the server without refresh. You can use the XMLHttpRequest object.
1. create an AbstractPortalComponent component, that will return the desired output into the response (image with link). Let's call this component DataComponent.
2. create a component, that will output a DIV object with ID for example "myDivId" and a Javascript, that will periodically call a JS function (some JS <i>setTimeout(JsFunctionToCall(), waitTimeInMiliseconds)</i>). In this function you will create a XMLHttpRequest object (different for Mozilla and MSIE):
var xmlhttp = null;
// not MSIE
if (window.XMLHttpRequest)
xmlhttp=new XMLHttpRequest();
// MSIE
else if (window.ActiveXObject)
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
now prepare the JS function that handles the output (takes the output from XMLHttpRequest object and puts it as is into the DIV contents):
xmlhttp.onreadystatechange = function() {stateXMLDocChanged();}
then set up (dataURL is the URL to DataComponent):
xmlhttp.open("POST",dataUrl,true);
...and get the data:
if (window.XMLHttpRequest)
xmlhttp.send(null);
else
xmlhttp.send();
Now create the function that fetches the data and puts it into the DIV contents (get the DIV object with id 'myDivId' == myDiv)
stateXMLDocChanged(){
myDiv.innerHTML=g_xmlhttp.responseText;
This is just a draft of a possible solution. You can see the concept working in our "EFP portal" <a href="http://www.szif.cz">www.szif.cz</a> (there is only one HTML for the output - no frames, no IFrames, but the 'iviews' are refreshed only 'locally').
Hope this helps you a bit,
Romano
PS: and yes, <a href="http://www.szif.cz">www.szif.cz</a> is a real SAP Portal -
Help with embedding XML / Flash Banner Rotator?!?
Hey guys, please help me; I'm having some trouble embedding this flash/xml banner rotator into this page, I can see that the file has been uploaded, however when I try to place it into the page, it just doesn't work. I even get error reports from IE, the code was all place by dreamweaver.
The first set of code below is the entire page, the second set is the part that isn't working for me (the part I'm too dumb to fix).
The code that is highlighted in red is the code with the <embed> tag.
Whole page:
<!--
<!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" />
<title>Bognogginz - from the mind of Jim Jenkins</title>
<meta name="description" content="Bognogginz - from the mind of Jim Jenkins, professional sculptor for hire."/>
<meta name="keywords" content="Bognogginz, Jim Jenkins, Jenkins, Jim, sculpting, sculptor, professional, for hire, hire, hire sculpting, sculptor for hire, professional sculptor, art, artist, artist for hire, artisan, sculptings"/>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
background-position:center;
background-position:top;
margin-top: 0px;
margin-bottom: 0px;
background-color: #26231C;
.style3 {
font-size: 23px;
letter-spacing: -1px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
.style7 {
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #f2d2a6;
.style9 {
font-size: 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
.style10 {font-size: 4px}
.style11 {
letter-spacing: 0px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 17px;
a:link {
text-decoration: none;
color: #FFFFFF;
a:visited {
text-decoration: none;
color: #FFFFFF;
a:hover {
text-decoration: underline;
color: #FE38AF;
a:active {
text-decoration: none;
color: #FFFFFF;
body,td,th {
font-family: Geneva, Arial, Helvetica, sans-serif;
.style13 {color: #26231C}
.style16 {
letter-spacing: -1px;
font-size: 20px;
font-weight: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
color: #000000;
.style18 {
color: #FFFFFF;
font-size: 11px;
.style20 {
font-size: 8px;
color: #DAC375;
.style21 {
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
font-variant: normal;
color: #000000;
letter-spacing: -1px;
-->
</style>
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
<body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" background="bognogginz_site_pageBG_rev.jpg">
<tr>
<td height="1050" align="center" valign="top"><table width="1000" border="0">
<tr>
<td height="277" align="center"><table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="316" height="44" align="left" valign="top"> </td>
<td width="274" align="left" valign="top"> </td>
<td width="46" align="center" valign="middle"><a href="http://www.milkm.com/bog/index.html" target="_self"><img src="http://www.milkm.com/bog/buttons/home_on.png" alt="Home" width="46" height="16" border="0" longdesc="http://www.milkm.com/bog/index.html" /></a></td>
<td width="19" align="left" valign="top"> </td>
<td width="63" align="center" valign="middle"><a href="/gallery/gallery.html" target="_self" onmouseover="MM_swapImage('Gallery','','http://www.milkm.com/bog/buttons/gallery_on.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://www.milkm.com/bog/buttons/gallery_off.png" alt="Click here to view my gallery." name="Gallery" width="63" height="16" border="0" id="Gallery" /></a></td>
<td width="19" align="left" valign="top"> </td>
<td width="146" align="center" valign="middle"><a href="/contact.html" target="_self" onmouseover="MM_swapImage('Contact','','http://www.milkm.com/bog/buttons/contact_on.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://www.milkm.com/bog/buttons/contact_off.png" alt="Click here to contact the artist." name="Contact" width="146" height="16" border="0" id="Contact" /></a></td>
<td width="19" align="left" valign="top"> </td>
<td width="45" align="center" valign="middle"><a href="/more.html" target="_self" onmouseover="MM_swapImage('More','','http://www.milkm.com/bog/buttons/more_on.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://www.milkm.com/bog/buttons/more_off.png" alt="Click here to learn more." name="More" width="45" height="16" border="0" id="More" /></a></td>
<td width="20" align="center" valign="middle"> </td>
<td width="45" align="center" valign="middle"><a href="http://bognogginz.blogspot.com" target="_blank" onmouseover="MM_swapImage('Blog','','http://www.milkm.com/bog/buttons/blog_on.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://www.milkm.com/bog/buttons/blog_off.png" alt="Click here to read my blog!" name="Blog" width="43" height="16" border="0" id="Blog" /></a></td>
</tr>
<tr>
<td height="48" colspan="11"> </td>
</tr>
<tr>
<td height="143" colspan="11" align="center" valign="middle"><table width="920" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="102" align="left" valign="top" class="style3">Welcome to Bognogginz.com, the online gallery for the works of Jim Jenkins. <a href="/contact.html" class=".class1">You can contact Jim for a current list of items available for purchase.</a></td>
</tr>
</table>
<br /></td>
</tr>
</table></td>
</tr>
</table>
<br />
<table width="1000" border="0" align="center">
<tr>
<td height="504" align="center" valign="top"><table width="952" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="952" height="460" align="center" valign="bottom"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','952','height','445','src','rotator','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','rotator' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="952" height="445">
<param name="movie" value="rotator.swf" />
<param name="quality" value="high" />
<embed src="rotator.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="952" height="445"></embed>
</object></noscript></td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" onclick="MM_goToURL('parent','/gallery/gallery.html');return document.MM_returnValue">
<tr>
<td width="940" height="39" align="left" valign="middle" class="b" onclick="MM_goToURL('parent','/gallery/gallery.html');return document.MM_returnValue" td><span class="style16">featured Bognogginz © creations...</span><span class="style21"> more</span></td>
</tr>
</table>
<br /></td>
</tr>
</table>
<br />
<table width="1000" border="0">
<tr>
<td height="192"><table width="950" border="0" align="center">
<tr>
<td height="115" align="left" valign="top" class="style11"><div align="left">This website features images of original works of art created by Jim. Everything you see on this website is a one of a kind creation from the imagination of Jim Jenkins. No molds or mass production methods are used to create these collector pieces.</div></td>
</tr>
</table>
<br />
<table width="950" border="0" align="center">
<tr>
<td width="559" align="left" valign="middle"><span class="style9"><a href="htp://www.milkm.com/bog/index.html" target="_self">home</a> | <a href="/gallery.html" target="_self">gallery</a> | <a href="/contact.html" target="_self">contact the artist</a> | <a href="/more.html" target="_self">more</a> | <a href="http://bognogginz.blogspot.com" target="_blank">blog</a></span></td>
<td width="375" align="right" valign="middle" class="style7 style18">all information and images copyright © 2009 by Jim Jenkins</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="1024" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="1014" align="right" valign="top" class="style13"><a href="http://www.milkm.com/" target="_blank"><img src="http://www.milkm.com/stampOnDark.png" alt="This website by Milk!" width="81" height="18" border="0" /></a></td>
</tr>
</table>
</body>
</html>
-->
problem here :
Really, all of you thank you so much for your help, it is appreciated more than you know! Thank you!Hi
All I am seeing is your actual page layout, no code.
But as you say it is an xml file (swf), it is more than likely that you have placed the swf and xml files in incompatible places. So without seeing your code, all I can suggest is to check the file placement of all items.
PZ
Can see the code now, for some reason it was rendering the code, not displaying it until I refreshed the page.
Message was edited by: pziecina -
Create A Rotator Banner in DW?
Hey, I have Dreamweaver MX and I was wondering if it was
possible to create a banner of rotating images. I just want a
series of 5 images to rotate on a loop. I’d like to be able
to fade up/down, but that’s not really necessary.
Thanks! :)http://www.kaosweaver.com/extensions/details.php?id=85
will rotate when page is refreshed etc. it is free but paul
accepts
donations
k -
I'm trying to help a friend with the Flash Banner Rotator
She needs to make the image clickable and pop up the scroll text box item exactly like when you rollOver the title and the scroll text box pops up.
She wants the image to trigger the text box to open and close onRelease and onRollOut from the image.
Here's the swf live:
http://bgehome.com/index3.php
Any help would be great
This AS opens the Text Box
textMc.scrolltxt.bg.onRollOver = function(){ // pop up scrolltxt
mainContent["tex" + newPos]._y = thumbHeight - textMc.scrolltxt.bg._height;
isReading = true;
textMc.scrolltxt.bg.onRollOut = textMc.scrolltxt.bg.onReleaseOutside = function(){ // pop down scrolltxt
if(!mainContent["tex" + newPos].scrolltxt.bg.hitTest(_root._xmouse, _root._ymouse, true)){
mainContent["tex" + newPos]._y = thumbHeight - textMc.imtext._height;
isReading = false;
Full AS
thumb.useHandCursor=false;
// Thumb/ Banner Rotator //
///Initialisation //
var bgmask:MovieClip = bckgrnd.duplicateMovieClip("bgmask"); // Create a mask to place on top of mainContent, which contains the images
var contentWidth:Number = bgmask._width;
bgmask._width = contentWidth;
var XMLContent = new XML(); // Create a new XML object
XMLContent.ignoreWhite = true;
XMLContent.load("Banner.xml"); // Load the XML content from Banner.xml (which is the name of the xml file) in XMLContent variable
//XMLContent.load("Thumbnail.xml");
var cssStyle = new TextField.StyleSheet(); // Create a new StyleSheet object
// Create Containers
var mainContent:MovieClip = this.createEmptyMovieClip("mainContent",this.getNextHighestDepth()); // Contains thumbs
leftBtn.swapDepths(mainContent); // Make sure leftBtn ...
rightBtn.swapDepths(leftBtn.getDepth + 1); // and rightBtn is on top of the mainContent
var pieMc:MovieClip = this.createEmptyMovieClip("pie", this.getNextHighestDepth()); // Create movieClip which contains the pieLoader
var format = new TextFormat(); // Make a new TextFormat
format.font = "arial"; // with font PF Ronda Seven, if you want to change the font, do it here
format.size = 18; // Font size, for pixel fonts use 8
var mclListener:Object = new Object(); // Make event listener object
var clipLoader = new MovieClipLoader(); // Make a MovieCLipLoader to load the images
clipLoader.addListener(mclListener); // The event listener is added to the MovieClipLoader object
var iniNum:Number = 0; // initional relative number for thumb/banner positioning
var thumbHeight:Number; // see xml document
var thumbWidth:Number; // see xml document
var thumbSpace:Number; // see xml document
var contentPos_Y:Number; // see xml document
var thumbDir:String; // see xml document
var dispThumbNumber:Number; // see xml document
var linkDestiny:String; // see xml document
var shiftTime:Number; // see xml document
var fadeInTime:Number; // see xml document
var easeSpeed:Number; // see xml document
var imagesTotal:Number; // amount of thumbs
var dwLoader:Number = 0; // pie segment angle
var arcVal:Number = 0; // total pie angle
var isReading:Boolean = false; // boolean: set true when reading. When true the pieLoader will stop
var prevXPosition:Number = 0; // previous absolute x position
var nextXPosition:Number = 0; // next absolute x position
var images; // image array
// XML, CSS Loading //
cssStyle.load("ThumbBannerRotator.css");
XMLContent.onLoad = function() { // Couple xml parameters with program variables
iniNum = 0;
nextXPosition = 0;
prevXPosition = 0;
dwLoader = 0;
arcVal = 0;
// images = array with images and titles and webUrls
images = XMLContent.firstChild.childNodes[0].childNodes;
imagesTotal = images.length;
// Other parameters
thumbHeight = XMLContent.firstChild.attributes.thumbHeight;
thumbWidth = XMLContent.firstChild.attributes.thumbWidth;
startPos = XMLContent.firstChild.attributes.startPos;
easeSpeed = XMLContent.firstChild.attributes.easeSpeed;
linkDestiny = XMLContent.firstChild.attributes.linkDestiny;
thumbDir = XMLContent.firstChild.attributes.thumbDir;
dispThumbNumber = XMLContent.firstChild.attributes.dispThumbNumber;
shiftTime = XMLContent.firstChild.attributes.shiftTime;
fadeInTime = XMLContent.firstChild.attributes.fadeInTime;
// Calculate the other program variables
contentPos_Y = (bckgrnd._height - Number(thumbHeight))/2
thumbSpace = (contentWidth - dispThumbNumber*thumbWidth)/(Number(dispThumbNumber) +1);
dwLoader = 100 * 3.6 / (Number(shiftTime) * 24);
mainContent._y = contentPos_Y; // Position form top
bgmask._height = thumbHeight;
bgmask._y = contentPos_Y;
mainContent.setMask(bgmask);
// Load the first images
for(var i = 0; i < dispThumbNumber ; i++){
loadImage(i,0,"load");
loadText(i,0,"load");
function shiftPic(direction:String){
if (isReading == false){
callPic(direction);
function callPic(direction:String) { // Call images, captions and titles and add them to containers: mainContent
if(direction == "left"){
var newPos:Number = (iniNum -1) % imagesTotal; // Calculate the relative position off the new image, this number corresponds with the index number from the image-array
var remPos:Number = (iniNum+( Number(dispThumbNumber) - 1)) % imagesTotal; // Calculate the relative position off the image that needs to be removed
var prevPos:Number = iniNum % imagesTotal; // Calculate the relative position off the images before the new image
nextXPosition = prevXPosition + Number(thumbSpace) + Number(thumbWidth); // Calculate the absolute x position = previous position + thumbSpace and thumbWidth, used in ease function
prevXPosition = nextXPosition; // Update prevPosition
iniNum = iniNum - 1; // Substract the iniNumber
if(direction == "right"){
var remPos:Number = iniNum % imagesTotal; // Calculate the relative position off the new image, this number corresponds with the index number from the image-array
var newPos:Number = (iniNum+ Number(dispThumbNumber)) % imagesTotal; // Calculate the relative position off the image that needs to be removed
var prevPos:Number = (iniNum+(Number(dispThumbNumber) - 1)) % imagesTotal; // Calculate the relative position off the images before the new image
nextXPosition = prevXPosition - Number(thumbSpace) - Number(thumbWidth); // Calculate the absolute x position = previous position + thumbSpace and thumbWidth
prevXPosition = nextXPosition; // Update prevPosition
iniNum = iniNum + 1;
if (newPos < 0){ //If newPos is negative, make it positive
newPos = imagesTotal + newPos;
if (remPos < 0){ //If remPos is negative, make it positive
remPos = imagesTotal + remPos;
if (prevPos < 0){ //If prevPos is negative, make it positive
prevPos = imagesTotal + prevPos;
loadImage(newPos, prevPos, direction); // Load images and image titles
loadText(newPos, prevPos , direction); // Load titles and caption
mainContent[remPos].removeMovieClip(); // remove the image with name "remPos"
mainContent["tex" + remPos].removeMovieClip(); // remove the text with name tex"remPos"
arcVal = 0; // reset the pieLoader
function loadImage(newPos:Number, prevPos:Number, direction:String){
thumbURL = images[newPos].attributes.thumbPath; // Get thumbUrl from images-array
thumbMc = mainContent.createEmptyMovieClip(""+newPos, mainContent.getNextHighestDepth()); // Create new thumbMc movieClip variable
thumbMc._alpha = 0; // Alpha = zero for fade in effect
if (direction == "left"){
thumbMc._x = mainContent[prevPos]._x - Number(thumbWidth) - Number(thumbSpace); // positioning of thumbMc
if (direction == "right"){
thumbMc._x = mainContent[prevPos]._x + Number(thumbWidth) + Number(thumbSpace); // positioning of thumbMc
if(direction == "load"){
thumbMc._x = Number(thumbWidth*newPos) + Number(thumbSpace*(newPos+1)) ; // positioning of thumbMc
addLoader(thumbMc);
clipLoader.loadClip(thumbDir+thumbURL, thumbMc); // Load the images in the thumbMc
function loadText(newPos:Number, prevPos:Number, direction:String){
thumbTitle = images[newPos].attributes.title; // Get title from images-array
thumbDesc = images[newPos].attributes.description; // Get caption description from images-array
textMc = mainContent.createEmptyMovieClip("tex"+newPos, mainContent.getNextHighestDepth()); // Create new titleMc moveClip variable
if (direction == "left"){
textMc._x = mainContent[prevPos]._x - Number(thumbWidth) - Number(thumbSpace); // positioning of textMc
if (direction == "right"){
textMc._x = mainContent[prevPos]._x + Number(thumbWidth) + Number(thumbSpace); // positioning of textMc
if(direction == "load"){
textMc._x = Number(thumbWidth*newPos) + Number(thumbSpace*(newPos+1)) ; // positioning of textMc
textMc.attachMovie("scrollText" , "scrolltxt", textMc.getNextHighestDepth());
textMc.scrolltxt.bg._width = Number(thumbWidth); // set background width
textMc.scrolltxt.main.content.styleSheet = cssStyle; // set css style
textMc.scrolltxt.main.content._width = Number(thumbWidth) - 30; // set scrolltext components width
textMc.scrolltxt.maskMc._width = Number(thumbWidth) - 10; // set scrolltext components width
textMc.scrolltxt.dragger._x = textMc.scrolltxt.bar._x = textMc.scrolltxt.upBtn._x = textMc.scrolltxt.downBtn._x = textMc.scrolltxt.stripe._x = Number(thumbWidth) - 10; // positioning of scrolltext components
textMc.scrolltxt.main.content.text = thumbDesc; // set text
textMc.scrolltxt.main.content.embedFonts = true;
textMc.scrolltxt.main.content.selectable = false;
textMc.scrolltxt.main.content.setTextFormat(format); // set text format
textMc.scrolltxt.main.content._height = textMc.scrolltxt.main.content.textHeight + 5; // calculate height of text
textMc.createTextField("imtext",1,0,0,thumbWidth,48); // Create a textfield in the titleMc for the image title
textMc.imtext.embedFonts = true;
textMc.imtext.text = thumbTitle; // Add text
textMc.imtext.selectable = false;
textMc.imtext.textColor = 0xaddf99; // Set textColor to pink
textMc.imtext.setTextFormat(format); // set text format
textMc.imtext._x = Math.round((thumbWidth - textMc.imtext.textWidth)/2);
textMc._y = thumbHeight - textMc.imtext._height;
textMc.attachMovie("arrow", "arrowMc", textMc.getNextHighestDepth()); // add arrow
textMc.arrowMc._x = Number(thumbWidth) - textMc.arrowMc._width;
textMc.arrowMc._y = Number(textMc.arrowMc._height);
textMc.arrowMc._alpha = 0;
textMc.scrolltxt.bg.onRollOver = function(){ // pop up scrolltxt
mainContent["tex" + newPos]._y = thumbHeight - textMc.scrolltxt.bg._height;
isReading = true;
textMc.scrolltxt.bg.onRollOut = textMc.scrolltxt.bg.onReleaseOutside = function(){ // pop down scrolltxt
if(!mainContent["tex" + newPos].scrolltxt.bg.hitTest(_root._xmouse, _root._ymouse, true)){
mainContent["tex" + newPos]._y = thumbHeight - textMc.imtext._height;
isReading = false;
function addLoader(thumb:MovieClip){ // Add a preloader to every thumbnail
mainContent.attachMovie("smallLoader", "preloader" + thumb._name, mainContent.getNextHighestDepth()); // add preloader
mainContent["preloader"+thumb._name]._x = thumb._x + (thumbWidth - mainContent["preloader"+thumb._name]._width) /2; // positioning
mainContent["preloader"+thumb._name]._y = (thumbHeight - mainContent["preloader"+thumb._name]._height) /2; // positioning
mclListener.onLoadInit = function(thumb:MovieClip) {
mainContent["preloader"+thumb._name].removeMovieClip();
mainContent[""+thumb._name].onEnterFrame = function(){ // Fade in Effect
mainContent[""+thumb._name]._alpha += Number(fadeInTime); // Every frame the alpha of the thumbnail is added by fadeInTime.
if(mainContent[""+thumb._name]._alpha >= 100){
delete mainContent[""+thumb._name].onEnterFrame; // When fade in effect is done, remove the onEnterFrame funtion
mclListener.onLoadComplete = function(thumb){ // When a thumb is fully loaded, add button action
thumb.onRelease = function(){ // When button released, execute function below
var i = Number(thumb._name)%imagesTotal;
// Go to a website defined in the xml document
thumb.onRollOver = function(){ // make alpha of arrow 100 on roll over
var i = Number(thumb._name)%imagesTotal;
mainContent["tex" + i].arrowMc._alpha = 100;
thumb.onRollOut = function(){ // make alpha of arrow 0 on roll over
var i = Number(thumb._name)%imagesTotal;
mainContent["tex" + i].arrowMc._alpha = 0;
// Button and Position Handling ///
// Left button
leftBtn.onPress = function() {
if (isReading == false){ // onPress call the next picture on the right
callPic("left");
leftBtn.onRollOver = function(){ // onRollOver move the arrow by 5 pixels
if(isReading == false){
leftBtn.arrow._x -= 5;
leftBtn.onRollOut = leftBtn.onReleaseOutside = function(){
if(isReading == false){
leftBtn.arrow._x += 5 ; // onRollOut reset the arrow
// Right button
rightBtn.onPress = function() {
if(isReading == false){
callPic("right"); // onPress call the next picture on the right
rightBtn.onRollOver = function(){
if(isReading == false){
rightBtn.arrow._x += 5 ; // onRollOver move the arrow by 5 pixels
rightBtn.onRollOut = rightBtn.onReleaseOutside = function(){
if(isReading == false){
rightBtn.arrow._x -= 5; // onRollOut reset the arrow
pieMc.onRelease = function(){
if (dwLoader != 0){ // Stops the pieLoader
dwLoader = 0;
else{
dwLoader = 100 * 3.6 / (Number(shiftTime) * 24); // Start the pieLoader
// Easing function //
//Used to give that cool ease effect on the mainContent, titleContainer and reflectContainer and dragger
// Want to change the ease effect? check help document
this.onEnterFrame = function() { // Start endless loop, executed every time frame is updated // If dragEase is false don't allow easing for the dragger
if (dwLoader != 0 && isReading == false){
arcVal += Number(dwLoader); // new value of arcVal is the old value plus dwLoader
pieMc.clear();
pieMc.beginFill(0xaddf99, 100); // draw the pie shape with pink color, you can change the color in this line
pieMc.drawPie(bckgrnd._width - 20, 20, 90, -arcVal, 7); // position the pieLoader, 90 = startAngle, 7 = radius
pieMc.endFill();
if (arcVal > 360){
shiftPic("right"); // If the pie-angle = 360 call the next picture/thumbnail
arcVal = 0;
dx = (nextXPosition - mainContent._x) * easeSpeed; // Calculates how much the mainContent needs to move, note that dx is becomming smaller and smaller when the mainContent reaches its final position.
mainContent._x += dx; // Move the mainContent
MovieClip.prototype.drawPie = function(x, y, startAngle, arc, radius) { // x, y = center point of the wedge.startAngle = starting angle in degrees.arc = sweep of the wedge. Negative values draw clockwise.
this.moveTo(x, y); // move to x,y position
var segAngle, theta, angle, angleMid, segs, startx, starty, anchx, anchy, contrx, contry; // Init vars
segs = Math.ceil(Math.abs(arc)/20); // Devide the arc in 20 segments
segAngle = arc/segs; // Calculate the sweep of each segment.
theta = -(segAngle/180)*Math.PI; // Convert to radions
angle = -(startAngle/180)*Math.PI; // Convert startAngle to radians
startx = x + Math.cos(startAngle/180*Math.PI) * radius; // Calculate curve start x position
starty = y + Math.sin(-startAngle/180*Math.PI) * radius; // Calculate curve start y position
this.lineTo(startx, starty); // Draw a line from the center to the start of the curve
for (var i = 0; i<segs; i++) { // Loop for drawing curve segments
angle += theta; // Icrement angle with segAngle => theta (in radians)
anchx = x+Math.cos(angle)*radius; // Calculate parameters for curveTo function
anchy = y+Math.sin(angle)*radius; // Calculate parameters for curveTo function
contrx = x+Math.cos(angle-(theta/2))*(radius/Math.cos(theta/2)); // Calculate parameters for curveTo function
contry = y+Math.sin(angle-(theta/2))*(radius/Math.cos(theta/2)); // Calculate parameters for curveTo function
this.curveTo(contrx, contry, anchx, anchy); // Draw the curve
this.lineTo(x, y); // close the curve by drawing a line to the centerAs is always the case in this sort of situation, you ask the printer, or banner maker. If you have a particular company in mond, they may have a website with guidelines, and that is going to be much better information than the guesses - good though 'some' of them might be.
25' by 16' is huge. Have you found somewhere that will make it? This company will supply 25 foot long banners, at a surprisingly cheap $176, but only 3 foot high. The problem being the width of the printer.
http://www.allstatebanners.com/3x25-vinyl-banner -
Hello,
Could any one tell me how can I rotate banners with audio for every 10 seconds. Source code will be helpful.
Thanks<div id="whiskey" style="position:absolute; width:475px;
height:60px;
z-index:3; left: 351px; top: 486px; visibility: hidden;">
<div align="center"><img
src="images/sponsors/whiskey.gif" width="475"
height="60"></div>
</div></td>
<td width="73%"
This layer "whiskey" is in a table cell (see the closing
</td> tag
immediately after the closing </div> tag for the
layer). That's a nono.
Please read this about how to work with layers -
http://www.thepattysite.com/layer_laws.cfm
Anyhow, the simplest fix for you would be the following.
Change this -
<div id="whiskey"
to this -
<div style="position:relative"><div id="whiskey"
and this -
</div></td>
<td width="73%"
to this -
</div></div></td>
<td width="73%"
and see what happens.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"sneedell" <[email protected]> wrote in
message
news:e3fvbj$1gh$[email protected]..
>I just created a rotating banner with layers and like the
guy earlier that
>was
> having problems when you resize the window i am having
the same problem.
> Wondering if i could ask nicely for some help?
> Here is a link to my homepage where the banner will
reside so you can look
> at
> the code
>
http://www.wchacutting.com
> any help would be greatly appreciated!
> -
How to add fade element to rotating banner (javascript)
Hi! I'd like to add a fade element to a rotating banner. Does anyone have any ideas? My code is as follows:
HTML:
<div style="position:absolute; z-index:2;">
<a href="linkPage.html"><img src="images/factoryhack2v3.jpg" width="1136" height="285" id="adBanner" border="0"/></a>
</div>
Javascript:
window.onload = initBannerLink;
var adImages = new Array("images/img1.jpg","images/img2.jpg","images/img3.jpg");
var adURL = new Array("URL here","URL here");
var thisAd = 0;
function rotate() {
thisAd++;
if (thisAd == adImages.length) {
thisAd = 0;
document.getElementById("adBanner").src = adImages[thisAd];
setTimeout("rotate()", 3 * 3000);
function newLocation() {
document.location.href = "http://www." + adURL[thisAd];
return false;
function initBannerLink() {
if (document.getElementById("adBanner").parentNode.tagName == "A") {
document.getElementById("adBanner").parentNode.onclick = newLocation;
rotate();
Thanks so much in advance for any assistanceLots of different effects for rotating banners are built in to these jQuery plugins:
Cycle2
http://www.malsup.com/jquery/cycle2/
Wow Slider
http://wowslider.com/
Nancy O. -
Rotating Flash Ad Banner on Browser Refresh...
Is there a way, using Flash 8, that I can create a Flash
Banner which rotates images everytime the browser is refreshed?
Many thanks -
Kevin// Action script...
// [Action in Frame 3]
bar._xscale = 1;
// [Action in Frame 5]
bar._xscale = 100 / getBytesTotal() * getBytesLoaded();
_root.display = math.floor(100 / getBytesTotal() * getBytesLoaded());
if (_framesloaded == _totalframes)
play ();
else
setProperty("", _currentframe, --_currentframe);
setProperty("", _currentframe, _currentframe);
setProperty("", _currentframe, --_currentframe);
gotoAndPlay(_currentframe);
} // end else if
// [Action in Frame 6]
gotoAndPlay(7);
// [Action in Frame 7]
stop ();
Maybe you are looking for
-
Upload to SharePoint fails due to upload limit in webservice
Hello everyone, I just used an example from the web to use the copy.asmx webservice to upload files to a document library: http://www.ktskumar.com/blog/2009/03/upload-document-from-local-machine-to-sharepoint-library/ It works fine but only if the fi
-
Potential new T61 user with some questions about product/su​pport/etc.
Hi all! I've been using Dell Latitude's for last 7+ years and been happy with them thus far, as I was able to stay within the C-series thru 3 systems and reuse some components such as batteries, CD-ROM, etc. but now that I'd have to go to D-series, t
-
How to eliminate leading zero in quality notification list
Hi All, we have implemeted support package after that we are facing an issue in quality notification list(QM11) leading zeros displying against material, quality notification number,production order number etc... and the leading zeros effected someo
-
Invoice table sold to party show wrong data
Dear All While creating excise invoice in background sold to party show wrong data. In invoice ship-to-party andsold-to-party display correct but when we check in J_1IEXCHDR table ship-to-party and sold-to-party display same data. After upgrading sup
-
Airport Extreme 6th Gens having trouble (one bridge, one router)
I have two brand new Airport Extremes that I'm trying to troubleshoot. The problem that I'm seeing is that occasionally one (or both) will stop functioning entirely on a weekly basis. Details on our setup: These are servicing a small business, genera