HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media


Welcome to TinyPortal. Please login or sign up.

June 25, 2024, 09:42:43 PM

Login with username, password and session length
  • Total Posts: 195,280
  • Total Topics: 21,227
  • Online today: 203
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 180
  • Total: 180

photo block from frontpage

Started by SamoanOnion, September 20, 2022, 08:24:34 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.



I was looking for the code to create the block like the one on the frontpage that scrolls through a few selected images.


Welcome to TinyPortal.

The block you are referring to is using a html code with a 'slider'.
It was asked about before here:

Mind you: you will need to install some script...
The slider code comes from here:

And to give you an example: the block is a HTML/Javascript block, that holds below code...

<!-- Start HEAD section --> <!-- add to the <head> of your page -->
<!--<script src="//"></script> -->
<!-- End HEAD section -->
<!-- Start BODY section --> <!-- add to the <body id="tpbody" class="tpcontnainer"> of your page -->

<script type="text/javascript">
  auto: true,
  autoControls: true,
  speed: 600,
  responsive: true,
  captions: true,

<ul class="bxslider">
  <li><img src="data1/images/articles.png" title="A Powerful Article System"/></li>
  <li><img src="data1/images/blocks.png" title="Blocks Built in, or Create Your Own"/></li>
  <li><img src="data1/images/downloads.png" title="A Built In Downloads System"/></li>
  <li><img src="data1/images/menu.png" title="Menu's and Site Maps"/></li>
  <li><img src="data1/images/shoutbox.png" title="A Great Shoutbox"/></li>
  <li><img src="data1/images/adminp.png" title="A Neat Admin Panel"/></li>

<!-- bxSlider Javascript file -->
<script src=""></script>
<!-- bxSlider CSS file -->
<link href="" rel="stylesheet" /> <!-- replace with link to the css -->
Running Latest TP on SMF2.1 at: