Stream

Slideshow with crossfade and scrolling lazarus / 38-Networking and Web Programming ---------------------------------------------------------------------- Mr.Madguy · 2020-09-28 06:15 I need simple static page with slideshow. I don't want to hardcode things, as I need this slide show to have arbitrary placement on page (left half of page for example), so, I guess, I need to use JavaScript. I don't want to use jQuery, because it's overkill for such simple project. Problem is - I'm not familiar with Web programming and JavaScript. Of course I would find out how to do it myself, but it would take time and I need to make it work as fast, as possible. May be you will help me? I need something similar to this: Code: Text [Select][+][-]window.onload = function(){var x1 = document.getElementById("main_content_section"); if (x1) { var x = document.getElementsByClassName("geshi");for (var i = 0; i Stream

But with following requirements: 1) Images should fit into 100% height - not having their bottom cut, if their height is bigger, than 100%, as in my example. 2) Each should be shown for X seconds (10 second in my example), i.e. full cycle should take X * N seconds, where N is number of images 3) There should be cross-fade for Y seconds (0.5 seconds in my example) - i.e. Y/2 at the beginning and Y/2 at the end of animation - both should be included into X, not added to it. 4) If image width is smaller, than container width - it should be centered. 5) If image width is bigger, that container width - it should be repeated and scrolled for Z seconds (i.e. with speed Width/Z pixels per second), just like running line. ---------------------------------------------------------------------- lucamar · 2020-09-28 10:24 You do know that this is a Pascal forum, don't you? You'll probably have better luck (and better answers) in JavaScript fora. Just saying ... Unless you want to use the "Pascal to JavaScript" transpiler, of course. ---------------------------------------------------------------------- Mr.Madguy · 2020-09-28 15:18 Quote from: lucamar on September 28, 2020, 12:24:39 pmYou do know that this is a Pascal forum, don't you? You'll probably have better luck (and better answers) in JavaScript fora. Just saying ... Unless you want to use the "Pascal to JavaScript" transpiler, of course. Yeah, I understand. But first part of project, i.e. Chromium-based mini-browser with extra features from my previous mini-VLC player - is already completed. It was actually the easiest part of my task. But this one is a little bit harder for me. Since now I will be able to make arbitrary pages to be displayed on TVs, that won't put too much load on server. Because streaming pre-rendered video isn't as resource-intensive, as real-time rendering. But I need at least 3 page patterns for start. Slideshow, 50/50 slideshow+video, video. Video is obviously easy one. But slideshow is hard. Especially when it needs scrolling. I just thought, that there are some people here, who whom solving my problem would be easy task, as this part of forum is about Web programming, so people here should know HTML and JS. BTW, I almost completed this task today by myself. Only problem - is mixing two animations together. The biggest problem with making something new for you - is that you have to read many guides, manuals and experiment too much. All of this takes too much time. My boss is already upset, because I wasted whole day trying to solve this problem, instead of doing something more important.