AnyMod keyboard_arrow_right

Gallery examples

Live edit galleries

This page has 3 mods on the right:

  • Single image
  • Mosaic gallery
  • Flex gallery

All three are editable.

Use the pencil

Click the pencil, then click a mod to make edits.

When you view your page while logged into AnyMod, the pencil shows on the right side of the screen.

edit

See the code

Scroll to the bottom for the code.

Code

Copy and paste the AnyMod script and mod tags below into your HTML, and the mods will appear on your page.

Or download the file and open with your browser.

Download file cloud_download
<html>

  <head>
    <title>AnyMod gallery examples</title>

    <!-- AnyMod script -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','8PP6M2','https://cdn.anymod.com/v2',window,document,'script',{});
    </script>
    <!-- /AnyMod script -->
  </head>

  <body>

    <!-- Single image -->
    <div id="anymod-konok"></div>
    
    <!-- Mosaic gallery -->
    <div id="anymod-lmkml"></div>

    <!-- Flex gallery -->
    <div id="anymod-nbomb"></div>

  </body>
</html>