I could use some assistance!

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I want to try and draw attention to my homepage... so I'm thinking....

I want to change my "Feature Article" from an excerpt of the article to a(n) image(s)...

I'm thinking about having three featured articles at the same time, I want images to fly into the page only one on the page at any time. I want a description of the image or maybe the article's title underneath the image and above the images I want to type, "Click on Image to Visit the article".

For example, you type my homepage url.... an image flies in and lands on the page for maybe a 3 second relapse with a description of the image or title of article. After three seconds, that image disappears and another one flies in to the page, maybe from a different direction. I know these options are available in MS PowerPoint, I'd like to use the same idea as PowerPoint, but on my website, how can I do this?
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
  • http://youcanneverbetoosmart.com

Posted 8 years ago

  • 1
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I guess this is kind of like a slide show... As I will use a different set of three articles on a WEEKLY basis, I'm willing to recreate each slide show from one week to the next. Maybe someone can point me to a service which will do this? Although, I'd like to be able to insert a link into the images!
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Hi Donald,
Ive found a few possabilities for you.they dont fly in but the images change and some can display text.
1) http://www.dynamicdrive.com/dynamicin...

2)http://www.dynamicdrive.com/dynamicin...

3)http://www.dynamicdrive.com/dynamicin...

Hope some of these help
John Mc
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
do I need the javascript download for that? Without pro I can't use those!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I never did care for dynamic drive because it's always been difficult to get working. I have the third code you provided in an html on my homepage and no images... how do I add images? I've tried adding the image code...

IMG src="resources/Agronomy/Soil sample in Uganda, Africa.jpg?timestamp=1262624716406"

where it indicates to do so in the html but it didn't work!
Photo of Dill S

Dill S

  • 76 Posts
  • 5 Reply Likes
Heya - If you do a quick Google Search there is a module that allows you to upload a powerpoint file and it converts it into a small maximisable module. Just search - Its quite popular!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, thanks!
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Ok Donald this should make it simpler

<script type="text/javascript">

/***********************************************
* Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var trans_width='140px' //slideshow width
var trans_height='225px' //slideshow height
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0]=["resources/YOURIMAGE.jpg", "http://www.LINKTOARTICLE.com", ""]
slideshowcontent[1]=["resources/YOURIMAGE.jpg", "http://www.LINKTOARTICLE.com";, ""]
slideshowcontent[2]=["resources/YOURIMAGE.jpg", "http://www.LINKTOARTICLE.com", ""]

////NO need to edit beyond here/////////////

var bgcolor='white'

var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
}

var curpos=trans_width*(-1)
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (window.addEventListener)
window.addEventListener("load", startit, false)
else if (window.attachEvent)
window.attachEvent("onload", startit)
else if (ie4||dom||document.layers)
window.onload=startit

</script>

Sorry for the ones with JS i didnt realise

John Mc
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I believe that's the code I tried and when inserting the image url as I noted above, the image doesn't appear. I tried inserting the image URL where is says "resources/YOURIMAGE.jpg". Did you test this code to see it works? Maybe I'm doing something wrong. Also, is it possible to add a title to the image?
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Hi donald,its an error that i caused int he code above.
Do you have a fixed size for the images you are using?
then i can make sure the code will work for you.
sadly i believe you may need a .JS file for a title to appear on the picture
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I have images... use the image url... IMG src="resources/Agronomy/Soil sample in Uganda, Africa.jpg?timestamp=1262624716406".. to test it out, however, to do it from another site, you'll need to add my site's url before the resources. I think the url will look like.... http://www.youcanneverbetoosmart.com/...
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
i believe you have being putting IMG src into the html when it is praticly already there.will you put up a test page that i can view with the image slideshow on.
Thanks
Im sure we can work this out :D
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, I'm going to get to that.... give me a little.

Why does my subdomain not work with three www's? It never has and it's been up for over a month now.

http://www.health.youcanneverbetoosma... - does not work
http://health.youcanneverbetoosmart.com - does work
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Donald,
If you would like your subdomain to work with and without the 'www' on a Yola site you've built, you'll need to have two A Records:
1. Under "Name" add the subdomain you would like to use (eg. group).
2. Under "Value" add Yola's IP address (208.75.208.172).
3. On the second A Record, under "Name" add *.name (where name is your subdomain) and the IP address is the same.

By default, your address will not have the 'www' but will redirect to http://subdomain.mydomain.com. If you would like us to change that, then you will need to send us an email so that we can do it for you.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I did exactly this about five minutes ago and it's not working unless I misunderstood something. My subdomain A record "health" was already created, I then created an A record *.health and it's not working.
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Why did you put *.health? I just would have put: health without the added stuff. It may just be how my domain registrar works.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I have "health" and the subdomain works fine but only without www according to Laura " *.health " is how you get it to work with 3w's
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
ok, this is the code in my html.

<!--
<script type="text/javascript">
/************************************************ Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/
var trans_width='140px' //slideshow widthvar trans_height='225px' //slideshow heightvar pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)var degree=10 //animation speed. Greater is faster.
var slideshowcontent=new Array()//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]slideshowcontent[0]=[http://www.youcanneverbetoosmart.com/..., "http://www.cnn.com", "_new"]slideshowcontent[1]=["photo2.jpg", "", ""]slideshowcontent[2]=["photo3.jpg", "http://www.google.com", ""]
////NO need to edit beyond here/////////////
var bgcolor='white'
var imageholder=new Array()for (i=0;i<slideshowcontent.length;i++){imageholder[i]=new Image()imageholder[i].src=slideshowcontent[i][0]}
var ie4=document.allvar dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')else if (document.layers){document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')}
var curpos=trans_width*(-1)var curcanvas="canvas0"var curindex=0var nextindex=1
function getslidehtml(theslide){var slidehtml=""if (theslide[1]!="")slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'slidehtml+='<img src="'+theslide[0]+'" border="0">'if (theslide[1]!="")slidehtml+='</a>'return slidehtml}
function moveslide(){if (curpos<0){curpos=Math.min(curpos+degree,0)tempobj.style.left=curpos+"px"}else{clearInterval(dropslide)if (crossobj.filters)crossobj.filters.alpha.opacity=100else if (crossobj.style.MozOpacity)crossobj.style.MozOpacity=1nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0setTimeout("rotateslide()",pause)}}
function rotateslide(){if (ie4||dom){resetit(curcanvas)crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)crossobj.style.zIndex++if (crossobj.filters)document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20else if (crossobj.style.MozOpacity)document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2var temp='setInterval("moveslide()",50)'dropslide=eval(temp)curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"}else if (document.layers){crossobj.document.write(getslidehtml(slideshowcontent[curindex]))crossobj.document.close()}curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0}
function jumptoslide(which){curindex=whichrotateslide()}
function resetit(what){curpos=parseInt(trans_width)*(-1)var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)crossobj.style.left=curpos+"px"}
function startit(){crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssubif (ie4||dom){crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])rotateslide()}else{document.tickernsmain.visibility='show'curindex++setInterval("rotateslide()",pause)}}
if (window.addEventListener)window.addEventListener("load", startit, false)else if (window.attachEvent)window.attachEvent("onload", startit)else if (ie4||dom||document.layers)window.onload=startit
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br><font face="arial, helvetica" size="-2"><a href="Dynamic'>http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
-->

as you can see above, the first image url has been inserted but if you take a look, just beneath the "feature article" heading you'll see the image isn't there...

http://sitebuilder.yola.com/sites/D7d...

All it says is, "This free script provided by Dynamic Drive" and no image!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
my site on website grader is 92 compared to my competition of 99.9... so I'm doing pretty good with SEO... also, about a week ago, my PageRank was 0/10 and now it's 2/10... congrats to me and all the people here that help me! :)
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Heya Donald, I'm searching the memory banks in my head (surprised there is anything in there) and trying to recall an old script I had that did similar. Has far as your subdomain with the three w's...you need to create another A record for that to work. But my guess is you already have coding with the url "http://health...." so you would have to go back through and change it. I'll post back when I find the script.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I tried creating additional A records when I first created the subdomain and couldn't figure it out.

what do I name the A record? www.health ? cause I tried that and it didn't work.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Please see my comment above for instructions on how to add a second A record. :-)
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Did you know your brain can remember up to 100 trillion facts? If you read my website you can get started processing 100 trillion facts, but it might take awhile for me to get that many! LOL
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
<!--

This is the best I have for you. Can't quite get having a title working but this should give some ideas.

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=540,height=540,left = 242,top = 114');");
}
</script>

<BODY onLoad="javascript:popUp('http://mysite.com/resources/logo.jpg')">

I don't have time to test this. But keep in mind I used to use this on a private site where I could modify the <head>. So if it doesn't work it may be because of that.

-->
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thank you so much lambofgod for the amount of time and effort you have put into trying to help Donald. It is definitely appreciated!
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Your very welcome :D now off to sleep for me!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yes, thank you! :) I'm off to work, my employment agency finally called me with a temporary job.