Skip to main content
L
Legacys7
Known Participant
November 23, 2018
Question

Viewing pictures without scrolling

  • November 23, 2018
  • 4 replies
  • 1442 views

Good morning. I'm trying to attempt this feature in this link NIGEL BARKER where my pictures show up, where the viewers don't have to scroll. On the right hand side, the scroll bar doesn't scroll up and down, moving the image. It looks like an auto scroll to adjust the image content. Is this feature possible in Dreamweaver? Thanks.

This topic has been closed for replies.

4 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
November 24, 2018

Viewing images without any user interaction is most commonly achieved with carousel sliders (automatic slideshows).   The one to choose depends on several factors:

  • Compatibility with other scripts in your site.
  • Static or dynamically generated.
  • Supported features and options.
  • Ease of use.
  • Budget.
  • Coding skills.
  • Target audience.

One commercial example:

Full Screen Slider

Open source with Bootstrap & jQuery

Bootstrap Carousel Full Screen - Stack Overflow

Nancy O'Shea— Product User & Community Expert
ALsp
ALsp
Legend
November 24, 2018

And of course, if you want something superior in coding quality to WOW Slider and (more importantly) with a completely automated user interface (Creation and Editing) that installs into Dreamweaver, then I believe PVII might offer some interesting commercial counterpoints to "WOW":

Art Gallery Magic Demos

Art Gallery Magic: In Motion Marketing

PVII Full Screen Slide Show: Thumbs Driven

ALsp
ALsp
Legend
November 23, 2018

No thread hijacking or tangents, so I'll stick to your question.

My answer is:

The gallery you are using is full of programming holes. In addition to Paula's adroit comments about touch devices, there is no keyboard support.

When using open source plugins, you need to be sure you can get focused support. Some of the volunteers here might be able to get you sorted, but it will cost them time. Your best bet is to track down the author of the plugin in see if he or she will help. If that's not possible, then you need to make some decisions, which I think you should be aware of in lieu of other threads you have recently started.

O
osgood_
Legend
November 23, 2018

I dont really know what you mean by 'viewers' don't have to scroll?

if you set the image height to 100% of the browsers viewport an image will fill the height and the user wont have to scroll to see the full sized image.

All that site is doing is using  huge images which in 90% of cases will fill any screen depth although on massive screens the images might detriorate when they attempt to cover the depth.

The scroll bar is I think NOT necessary, what is it doing - you cant scroll anywhere so why is it even there?

Although the site is visually pleasing, mostly as a result of the super images, the actual construction of the website leaves a lot to be desired in my opinion. Have you widened and narrowed the browser viewport to see what happens to the naviagtion on the page you gave the url to, thats not good.

pziecina
pziecina
Legend
November 23, 2018

Os,

The images are underneath the main image, but scrolling must be done to see them by touch on a tablet. Also on a tablet in portrait mode, (the only orientation usable) the scroll 'bar' indication is visable on scroll.

The images are being 'called' via json when they enter the viewport, so with my slow 12Mb connection I often get a blank screen as they load.

To the OP. This may look at first glance a good idea, but looking more carefully at it, I would not recommend using it. It could be a good opportunity to learn though.

O
osgood_
Legend
November 23, 2018

pziecina  wrote

Os,

The images are underneath the main image, but scrolling must be done to see them by touch on a tablet. Also on a tablet in portrait mode, (the only orientation usable) the scroll 'bar' indication is visable on scroll.

I've not got my tablet fired up at the moment but on a desktop I don't see any images under the main image? All I see is the one big image, a non-functioning scroll bar to the right and when I click on the x icon in the top right hand corner it takes you back to the homepage where a different images is served up each time?

pziecina
pziecina
Legend
November 23, 2018

The feature is certainly possible, (view source in browser to see how it is done) but if you view the page on a tablet in landscape mode, (the most popular orientation for viewing the web on tablets) the effect fails completly.

I can see only part of the images under the main image.

L
Legacys7Author
Known Participant
November 23, 2018

I'm not sure what I'm looking at when I view it in the "view source." I see his code for the images, but nothing related to the scroll function.

pziecina
pziecina
Legend
November 23, 2018

Look at the jquery files and you will see one called event.move.js -

https://github.com/stephband/jquery.event.move

There is also a masonary.js file for building the layout, (the ones behind the main img) and a main.js file that has the code for the move.js. You will also have to view the index.css file.

But as I have already said the entire effect fails on tablets in landscape. Which means that if you use it you will have to code a fallback for those.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices