Upcoming: May 2013 | Perte Totale Operations, music video Strumpets, The White Hide III, I.M. Dog, Star

On Saturday May 11 Perte Totale Operations is performing at the Maelström Festival in Espace Sengor, Etterbeek (Brussels), with Antoine Boute, JP de Gheest, Mauro Pawlowski and myself as vj.     … Lees Meer

LhGWR. I.M. Dog, Star. (Solo)

17.03.2013 – 12.03.2013 The title ‘I.M. Dog, Star’ refers to the star Sirius, the brightest star in our Earthly sky, and known as the ‘Dog Star’ because of its appearance in the … Lees Meer

Poseidon. I.M. Dog, Star. Alexandra Crouwers, 2013

Invitation | LhGWR Gallery. I.M. Dog, Star. 17.03.2013

I.M. Dog, StarAlexandra Crouwers Opening tentoonstelling Zondag 17 maart 2013 van 15:00 – 19:00 uur Openingsperformance Perte Totale Operations Tentoonstelling t/m 12 mei 2013 Let op LhGWR is gesloten van 26 tot en … Lees Meer

TEDx Flanders, teaser, Alexandra Crouwers, Denkbaar, 2013

Upcoming: Teaser TEDxFlanders Flemish Opera 10.2012 | Perte Totale Operations

Perte Totale Operations will perform for a full 8 minutes (yes, eight) at the Introspection TEDxFlanders event the 20th of october 2012. Featuring Antoine Boute, of course, JP de Gheest, Mauro Pawlowski … Lees Meer

// script.js document.addEventListener("DOMContentLoaded", function() { // Check if the body has the specific page class if (document.body.classList.contains('page-id-400605')) { const container = document.getElementById("container"); // Function to create and position images function createImage(src) { const img = document.createElement("img"); img.src = src; img.classList.add("image"); // Set random width and rotation const randomWidth = Math.random() * (150 - 50) + 50; // Random width between 50px and 150px const randomRotation = Math.random() * 30 - 15; // Random rotation between -15deg and 15deg img.style.width = `${randomWidth}px`; img.style.transform = `rotate(${randomRotation}deg)`; // Random position within the container img.style.top = Math.random() * (container.clientHeight - randomWidth) + 'px'; img.style.left = Math.random() * (container.clientWidth - randomWidth) + 'px'; img.draggable = true; // Event listeners for dragging img.addEventListener("dragstart", function(e) { e.dataTransfer.setData("text/plain", null); // For Firefox compatibility img.style.transition = 'none'; // Disable transition during drag }); img.addEventListener("dragend", function() { img.style.transition = 'transform 0.1s'; // Re-enable transition after drag }); img.addEventListener("drag", function(e) { const x = e.clientX - container.getBoundingClientRect().left - randomWidth / 2; // Adjust for image width const y = e.clientY - container.getBoundingClientRect().top - randomWidth / 2; // Adjust for image height img.style.transform = `translate(${x}px, ${y}px) rotate(${randomRotation}deg)`; // Keep rotation }); container.appendChild(img); } // Load images from a specified folder const imageFolder = 'https://yourwebsite.com/path/to/your/images/'; // Update with your image folder path let i = 1; // Initialize the counter while (true) { // Infinite loop to keep trying to load images const imageUrl = `${imageFolder}image${i}.jpg`; // Adjust this to match your image naming convention const img = new Image(); img.src = imageUrl; // Check if the image exists before creating it img.onload = function() { createImage(imageUrl); }; img.onerror = function() { console.log(`Image ${imageUrl} does not exist. Stopping further attempts.`); break; // Stop loading more images if one doesn't exist }; i++; // Increment the counter } } });