website designers/coders! - DPChallenge Forums

02/23/2007 12:37:03 AM · #1

the guy making my website needs to know how to code a horizontal graphic scroll bar

anyone know how to make it work?

thanks!

02/23/2007 12:38:03 AM · #2

Originally posted by EvanH:

the guy making my website needs to know how to code a horizontal graphic scroll bar

anyone know how to make it work?

thanks!

No all i can do is Zig Zag and Inverted.

jfriesen

Panasonic LUMIX GH5

Canon EF 50mm f/1.8 II

02/23/2007 12:42:19 AM · #3

Horizontal graphic?

Like make a picture file (jpg png gif, ect) into an actual functioning scrollbar? Never seen that... Might need to use flash for that..

In IE, you can have colored scrollbars I know...

Carl Zeiss 50mm ZE f/1.4 Planar T for Canon

02/23/2007 12:44:36 AM · #4

Originally posted by jfriesen:

I can do it for a skinable windows program just not a website.

jfriesen

Panasonic LUMIX GH5

Canon EF 50mm f/1.8 II

02/23/2007 12:46:09 AM · #5

Originally posted by RainMotorsports:

I can do it for a skinable windows program just not a website.

My reply was for the presented context (web).

yanko

Canon EOS-5D Mark II

02/23/2007 12:47:39 AM · #6

Would this work for you?

CMotion Image Gallery

02/23/2007 12:48:04 AM · #7

Originally posted by jfriesen:

Originally posted by RainMotorsports:

I can do it for a skinable windows program just not a website.

My reply was for the presented context (web).

I know i was just saying....

BUT it might be possible todo a Javascript OnHover to control another object..... then again a Java Applet (or flash) that houses another document can be done ofcourse and made seamless.

Citadel

Nikon D7500

Canon EF-S 18-55mm f/3.5-5.6

02/23/2007 12:51:19 AM · #8

Javascript and CSS would be another way to approach it. w3c.com should have some docs on a couple of approaches.

brcjacks

Canon EOS-300D Rebel

02/23/2007 05:08:05 PM · #9

You can always just use the HTML tag.

or without the links

img src="images/testimage2.jpg" />

you can add as many images as you want and control a variety of parameters.

Message edited by author 2007-02-23 17:09:38.

02/23/2007 06:20:44 PM · #10

thanks a lot for everyone's help!

i have no idea what you guys are talking about but i dont design websites so hopefully the guy doing it will.

if you want to know exactly what im talking about...

HAHARADIOPHOTOGRAPHY

if you go there you'll see 4 pics on the top of the screen.

Eventually we're going to have all of my pics i want displayed up there, and we want to scroll with the scroll bar left and right.

As you can see, below it where the news section is printed, you can scroll up and down and it works fine.

He just can't figure out how to get the graphic scroll bar under the 4 pics on the top to scroll left and right.

Thanks!

alanfreed

Nikon D6

Canon EF 24-70mm f/2.8L USM

02/23/2007 06:31:48 PM · #11

See if this is the same kind of thing you're talking about in theory:

Mattress Discounters

If that's what you're talking about, it drove me nuts when this client wanted it. I first did it using frames, but I hated it, and figured out a way to do it with these CSS elements (you can view the source of that page to see how it's integrated there):

div.galleryscroll
{
width: 680px;
height: 200px;
overflow: auto;
}
div.galleryextra
{
width: 1000px;
}

Message edited by author 2007-02-23 18:34:47.

hanneke

Canon EOS-5D Mark II

02/23/2007 06:33:54 PM · #12

you can use an inline frame in your webpage, and fill that with photos, from left to right.

that has to work :)

Canon EF 24-70mm f/2.8L USM

02/23/2007 06:34:10 PM · #13

Originally posted by alanfreed:

See if this is the same kind of thing you're talking about in theory:

Mattress Discounters

Thats easy issue is he wants custom scroll bars not just CSS colored but Graphic. All that is is a Page within an OBJECT tag. The new method that replaced iframes.

Originally posted by biteme:

you can use an inline frame in your webpage, and fill that with photos, from left to right.

that has to work :)

Once again he doesnt want the standard scroll bars he wants Graphic ones

Originally posted by alanfreed:

If that's what you're talking about, it drove me nuts when this client wanted it. I first did it using frames, but I hated it, and figured out a way to do it with these CSS elements (you can view the source of that page to see how it's integrated there):

div.galleryscroll
{
width: 680px;
height: 200px;
overflow: auto;
}
div.galleryextra
{
width: 1000px;
}

Now that i see yoru edit its not an object tag its CSS/Div's forgot about that too but stil not graphic

Message edited by author 2007-02-23 18:36:06.

hanneke

Canon EOS-5D Mark II

02/23/2007 06:34:55 PM · #14

Originally posted by RainMotorsports:

Originally posted by alanfreed:
See if this is the same kind of thing you're talking about in theory:

Mattress Discounters

Thats easy issue is he wants custom scroll bars not just CSS colored but Graphic. All that is is a Page within an OBJECT tag. The new method that replaced iframes.

oh. not as easy as I thought ;)

well excuse me. you don't have to yell at me

Message edited by author 2007-02-23 18:37:18.

Sigma 10-20mm f/4-5.6 EX DC HSM for Canon

02/23/2007 06:37:12 PM · #15

Originally posted by biteme:

Originally posted by RainMotorsports:

Originally posted by alanfreed:
See if this is the same kind of thing you're talking about in theory:

Mattress Discounters

Thats easy issue is he wants custom scroll bars not just CSS colored but Graphic. All that is is a Page within an OBJECT tag. The new method that replaced iframes.

oh. not as easy as I thought ;)

well excuse me. you don't have to yell at me ;)

Wasnt yelling but heres what he said and i actually just learned from alan free'd a third way todo standard iframes...knew it OBJECT... new it didnt think about a overflow div box

Originally posted by EvanH:

the guy making my website needs to know how to code a horizontal graphic scroll bar

anyone know how to make it work?

thanks!

stonedben

Canon EOS-400D Rebel XTi

02/23/2007 06:40:00 PM · #16

Put the pictures in an iframe. Make the height match the height of the pictures (plus whatever padding you want), so there's no vertical scrollbar.

For example:

Play around with the properties until it looks how you want. See here for a full list.

Note that pictures.html has to be a complete html file with , and tags for it to work properly. The head tag should contain the same css as that of the main page.

Also, the use of tables for layout is evil. Stop it ;-)

alanfreed

Nikon D6

02/23/2007 06:40:30 PM · #17

Originally posted by RainMotorsports:

Wasnt yelling but heres what he said and i actually just learned from alan free'd a third way todo standard iframes...knew it OBJECT... new it didnt think about a overflow div box

Even if you're not yelling, could you PLEASE do us a favor and re-read the stuff you type before hitting the Post button? Honestly, I have to read your posts 10 times before I understand them, with the spelling errors and sentences all smooshed together.

I'm not trying to be mean here, but honestly, it would certainly make your posts a lot easier to understand if you took a few extra seconds to proofread...

rinac

Pentax K20D

Pentax SMC-F 50mm f/1.7

02/23/2007 06:43:20 PM · #18

Ok, well, the javascript for the scroll can be found in the source code at //www.haharadiophotography.com/news.html

You'll need to find someone who is proficient with js to tweak it for you so that you can scroll horizontally :) But it would be a good idea to create an iframe for that as well to prevent conflicts :)

I'd do it for you, but I'm still at beginner level js...

02/23/2007 06:44:09 PM · #19

Originally posted by alanfreed:

Originally posted by RainMotorsports:
Wasn't yelling but heres what he said and i actually just learned from alanfree'd a third way todo standard iframes...knew it OBJECT... new it didn't think about a overflow div box

Even if you're not yelling, could you PLEASE do us a favor and re-read the stuff you type before hitting the Post button? Honestly, I have to read your posts 10 times before I understand them, with the spelling errors and sentences all smooshed together.

I'm not trying to be mean here, but honestly, it would certainly make your posts a lot easier to understand if you took a few extra seconds to proofread...

well my bad maybe you'd (not trying to act ignorant) like to try reading my handwriting while your at it. If you can ill pay you to transcribe for me. My signature's never the same twice, which actually causes major issues at the bank and during drug test procedures.

Lookup Asperger's Syndrom... you'll have to dig through all the ADHD, OCD, Autism related stuff to find that it also affects how i walk and how i write (more to the point of how my fingers function).

One thing is one hand types faster then the other and i double type sometimes so if the letters are out of order well you know. The grammar and punctuation... failed 6th and 9th grade English. Spell check im too lazy but I do skim through it becaus ei have firefox 2.

Message edited by author 2007-02-23 18:45:10.

alanfreed

Nikon D6

02/23/2007 06:46:28 PM · #20

Originally posted by RainMotorsports:

well my bad maybe you'd (not trying to act ignorant) like to try reading my handwriting while your at it.

I promise that my handwriting is probably pretty much just as bad, which is why I learned how to type at an early age (and can type well over 90 wpm)! :)

02/23/2007 06:48:31 PM · #21

Originally posted by alanfreed:

Originally posted by RainMotorsports:
well my bad maybe you'd (not trying to act ignorant) like to try reading my handwriting while your at it.

I promise that my handwriting is probably pretty much just as bad, which is why I learned how to type at an early age (and can type well over 90 wpm)! :)

83 to 91 WPM using my index fingers looking around 50 WPM with both hands not looking. In 8th grade they issued me a laptop and a docking station connected to the library printer.....

rinac

Pentax K20D

Pentax SMC-F 50mm f/1.7

02/23/2007 06:49:50 PM · #22

Try getting a hold of

smurfguy, he's probably your best bet for this.

Originally posted by rinac:

Canon EF-S 18-55mm f/3.5-5.6

02/23/2007 06:51:28 PM · #23

i still have no idea what you guys are talking about but i appreciate it a ton and im sure it will help!

i'll show the guy whose doing it and hopefully he'll know all that computer lingo.

thanks!

bledford

Canon EOS-300D Rebel

02/23/2007 07:11:56 PM · #24

My god.