Power Sellers Unite

kw101966 · Joined: 04 Mar 2005 Posts: 495 Location: North Carolina

Hey everyone,
I am not sure if this would be considered the correct thread for this if not tell me where to move it and I will be happy to...anyway...I have noticed on many site and auction a table with 3 or 4 sections and it will have various products scrolling through each section...when you place your mouse over the item you desire it will stop scrolling and you can click it to get the full description...I hope I have described what I am talking about in a way that is understandable...anyway i was wondering if anyone could tell me how to do that ...I can place a picture in a form of that type but not sure how to do the rest...hoping to dress up my site with some more pics as PSU suggested..(it is a little bland...Thanks for any help everybody..Have a great night

psunite · Joined: 27 Jan 2005 Posts: 6213 Location: Columbus OH

KW is this what you are talking about?
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

angelsolutions · Posted: Mon Aug 15, 2005 2:18 pm Post subject: Re: HTML Question...

Good choice PSU!

:)

angelsolutions

kw101966 · Joined: 04 Mar 2005 Posts: 495 Location: North Carolina

That it....Thanks so much...LOL didnt know if I eplained it good enough lol
I would be lost without this place....:D:D

knappschiles · Joined: 25 May 2005 Posts: 4035 Location: Wi

I just checked out the link.

It's a neat script, but would not work for insertion in auction pages. The script requires you to have access to the <head> section of the web page and auctions DO NOT have that access.

iOffer and Blujay and sometimes BidChaser have a scroll at the bottom of the auction listings with other listings, but it is something that the site itself does, not you.

There probably is a way to do it yourself, but I don't know how to do it.

Carol

Roundabout926 · Joined: 08 Apr 2005 Posts: 2832

There IS a way I believe. Go here http://www.powersellersunite.com/viewtopic.php?t=1738 and tell me if that's what you're all talking about? It's not scrolling, but it does show your other auctions in a huge gallery on the auction page, instead of having the auction site do it for you.

psunite · Joined: 27 Jan 2005 Posts: 6213 Location: Columbus OH

knappschiles
I just tried the script with out putting the required info into the <head> I put it in the body and it still worked.

I modified the code in the script so you no longer need motiongallery.js
Code: › docWrite("code")
<script type="text/javascript">

/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* Last updated Mar 15th, 04'. Added "End of Gallery" message.
* This copyright notice must stay intact for legal use
***********************************************/

var restarea=6 //1) width of the "neutral" area in the center of the gallery in px
var maxspeed=7 //2) top scroll speed in pixels. Script auto creates a range from 0 to top speed.
var endofgallerymsg="<span style='font-size: 11px'>End of Gallery</span>" //3) message to show at end of gallery. Enter "" to disable message.

function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired.
var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width
var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to default height
var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes"
window.open(path,"", winattributes)
}

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var scrollspeed=0
var movestate=""

var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function creatediv(){
statusdiv=document.createElement("div")
statusdiv.setAttribute("id","statusdiv")
document.body.appendChild(statusdiv)
statusdiv=document.getElementById("statusdiv")
statusdiv.innerHTML=endofgallerymsg
}

function positiondiv(){
menuheight=parseInt(crossmain.offsetHeight)
mainobjoffsetH=getposOffset(crossmain, "top")
statusdiv.style.left=mainobjoffset+(menuwidth/2)-(statusdiv.offsetWidth/2)+"px"
statusdiv.style.top=menuheight+mainobjoffsetH+"px"
}

function showhidediv(what){
if (endofgallerymsg!="")
statusdiv.style.visibility=what
}

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function moveleft(){
if (loadedyes){
movestate="left"
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
lefttime=setTimeout("moveleft()",10)
}

function moveright(){
if (loadedyes){
movestate="right"
if (iedom&&parseInt(cross_scroll.style.left)<0){
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
showhidediv("hidden")
}
else
showhidediv("visible")
}
righttime=setTimeout("moveright()",10)
}

function motionengine(e){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var curposy=window.event? event.clientX : e.clientX? e.clientX: ""
curposy-=mainobjoffset-dsocx
var leftbound=(menuwidth-restarea)/2
var rightbound=(menuwidth+restarea)/2
if (curposy>rightbound){
scrollspeed=(curposy-rightbound)/((menuwidth-restarea)/2) * maxspeed
if (window.righttime) clearTimeout(righttime)
if (movestate!="left") moveleft()
}
else if (curposy<leftbound){
scrollspeed=(leftbound-curposy)/((menuwidth-restarea)/2) * maxspeed
if (window.lefttime) clearTimeout(lefttime)
if (movestate!="right") moveright()
}
else
scrollspeed=0
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function stopmotion(e){
if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){
if (window.lefttime) clearTimeout(lefttime)
if (window.righttime) clearTimeout(righttime)
movestate=""
}
}

function fillup(){
if (iedom){
crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer
menuwidth=parseInt(crossmain.style.width)
mainobjoffset=getposOffset(crossmain, "left")
cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("trueContainer").offsetWidth

crossmain.onmousemove=function(e){
motionengine(e)
}

crossmain.onmouseout=function(e){
stopmotion(e)
showhidediv("hidden")
}
}
loadedyes=1
if (endofgallerymsg!=""){
creatediv()
positiondiv()
}
}
window.onload=fillup

</script>

<div id="motioncontainer" style="position:relative;width:400px;height:150px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

<nobr id="trueContainer"><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="dynamicbook1.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="dynamicbook1.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a></nobr>

</div>
</div>

knappschiles · Joined: 25 May 2005 Posts: 4035 Location: Wi

Interesting.

I don't know programming at all, just enough HTML to get in trouble at times.

But I knew that when I saw the comment at the script site about putting something in the <head> that that wouldn't work for auctions.

I'm glad someone could make it work. I saved your script in case I want to try it some day.

goodstuff4you · Posted: Thu Feb 16, 2006 1:37 pm Post subject: Re: HTML Question...

I did not want to start a new thread for my own html question so I am using this one.

I want to send a few friends an email with a hosted image showing in the body of the email without them having to click a link. I had done this in the past but I forgot how I did it. Can anyone supply me with the code needed for this?

psunite · Joined: 27 Jan 2005 Posts: 6213 Location: Columbus OH

Try
<img src="http://www.yourhost.com/yourimage.gif" />

*southie* · Joined: 25 Aug 2005 Posts: 1728 Location: Sunny Florida

psunite";p="44194 wrote: › docWrite("quote")Try
<img src="http://www.yourhost.com/yourimage.gif" />

Actually that last backslash can screw up old computers - especially
those on old IE servers

It would be better if it's
<img src="http://www.yourhost.com/userid/image.jpg(or.gif)">

*southie* · Joined: 25 Aug 2005 Posts: 1728 Location: Sunny Florida

OH OH OH OH OH ... before I forget - some email servers will
STRIP HTML tags .. and even worse, Some email servers will
NOT EVEN PERMIT HTML tags!!

LFRYARTGUY · Joined: 01 Feb 2005 Posts: 568 Location: San Antonio, Texas

DynamicDrive is a great resourse for Java & DHTML
I've played For HOURS with the diffent scripts they have....
I Like Anfy for it's Java, and alot of the little java animations that I post
are Anfy generated....
Here's another type of slideshow/Scrolling/imagemap (Anfy)

Pipphoe · Posted: Fri Feb 17, 2006 10:58 am Post subject: Re: HTML Question...

I think I'm going to have to do some serious reading and studying. I love that Java effect. I use PDF slideshow files for my website, but they do take a while to open, and I'm not sure that visitors to my site are doing this, hence no sales :roll: I have to make the different views for my items more accessible and fast.

goodstuff4you · Posted: Fri Feb 17, 2006 12:13 pm Post subject: Re: HTML Question...

southie";p="44206 wrote: › docWrite("quote")OH OH OH OH OH ... before I forget - some email servers will
STRIP HTML tags .. and even worse, Some email servers will
NOT EVEN PERMIT HTML tags!!

I think that maybe what is happening now. I tried all the <img & [img coding that used to work with no results. I thought that is how I was doing it before. I do still get html emails everyday from suppliers etc so maybe it is just being striped from Non-commercial accounts.