work-template | Tinypng API | Theme library

Good day all

note: Play! Framework newbie here.

I am trying to familairze myself using scala templates for a project, but cannot quite seem to get it right, nor do the examples found online always work correctly.

Problem:

I have to have searched for small solutions for a problem, and frequently encounter syntactical errors or the like.

I decided to search for some comprehensive guide to building Scala templates used as views, but found only fragments and pieces of code that may help.

Documentation Provided:

• Play Scala Documentation

Play provided examples:

• Examples in Java and Scala

Variables:

• Declaring variables

• Declaring Variable 2

Displaying Data:

• Displaying data using functions

• Display Items in alternating rows table with indicies

• Using blocks

• Displaying Block Scala variables in html see the use of { and }

Passing Data / Objects:

• Passing objects between views and controllers

Further Reading:

• Play Google Groups thread

Question:

note: I am asking this only since I have no idea how to proceed

Is there any comprehensive guide for building Scala templates. Documented to such a degree as one would find for Play! Framework?

TL;DR Where did you learn / discover how to create simple to complex Play! Scala templates?

I have made an image grid using flexbox on a webpage that I am working on. There are 8 boxes in the grid, and I would like to randomly chose one and assign it one of 12 random images every 2 seconds. My approach is to have an array of urls to the images I would like to pick from, generate a random number to select which box with have its image changed, and then pick a random image and assign it to the background image of that box. I would just like to ensure that the same image does not appear twice, as well as include some sort of transition rather than simply changing the image. Any help here is greatly appreciated.

HTML:

I am using a jQuery function to swap images inside of a grid I have made. The only problem is that the variable returns the string with "url()" which causes an error. I would like to be able to swap the images properly so as to avoid having the same image appear in the grid twice.

Code:

I would like to use the jScroll plugin in order to load in another web page when scrolling to the bottom of the page. I have set it up according to the instruction, and can see that there is some code being generated by the plugin, however it is not working as expected. Any help here would be really appreciated.

LINK TO PAGE

HTML: