Member Avatar for seapig

Hello Everyone -

Thank you for finding this.

I am looking to create a site on moonfruit.com however they dont have the options to create what i want.

What I want is a proffesional looking scrolling gallery (unsure if this is even what it is called) for my portfolio work.

I hope he doesnt mind me linking his site but this is an example of what i am after - http://michaelstuartdaley.com/01portfolio01.html

I asked moonfruit and they got back to me with - 'You should be able to create a similar feature on your site using HTML code. This can be done through the HTML Snippet widget, which you can find under the 'Insert' menu.'

OK. So I need

1.HTML

2. To know how i get my images into the HTML.


I really hope to hear a relpy - it will be so appreciated.

Edited by seapig because: n/a
  • 3 Contributors
  • 4 Replies
  • 129 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by shaya4207
Member Avatar for shaya4207

Well this specific thing is extremely easy to make

<div style="width:990px;height:435px;overflow-x:scroll">
  <div style="width:7500px">
    <img src="your_image1.jpg">
    <img src="your_image2.jpg">
  </div>
</div>

The width of the inner <div> should be however wide your images are (the 7500px is just an example).

If I'm not mistaken, that should work...

commented: wow thank you shaya4207 - extremely helpful +0
Member Avatar for seapig

Shaya this worked perfectly - any suggestions on how i get the scroll bar simmilar to the one on the website i put the link to?

Cant thank you enough!

Member Avatar for shaya4207

Shaya this worked perfectly - any suggestions on how i get the scroll bar simmilar to the one on the website i put the link to?

Cant thank you enough!

What kinda scrollbar are you getting? That looks like a regular bar, which is what you should get...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.