Basic Image Generator
perchance.org

i have some interesting side effects here in https://perchance.org/simple-txt2img where adding another row of images refreshes all the images and calling update() only re-generates the last row of images.

how do i add a row of images without re-generating the existing ones? for example if i want to generate until i like the image then create another row to generate more until i like those.

  • belf13@lemmy.worldOPEnglish
    1·
    14 days ago

    nice, the add works perfectly but updae rows resets it to one row… can i just refresh the last row?

    • VioneT@lemmy.worldMEnglish
      2·
      13 days ago

      So, on your:

      <div class="flex">[output]</div>

      You need to enclose the [output] in a div for the Update Rows to work since it looks for the number of div on the .flex container like so:

      <div class="flex"><div>[output]</div></div>

      Also, you changed the start of the ‘for loop’ on the update rows with let i = numRows - 1 which would mean it can only update one row since the loop terminates if it exceeds the numRows. Just use the let i = 0.

      If you want to only update the ‘last’ row, you can do:

      function updateLast() {
  let lastRow = [...document.querySelector(".flex").querySelectorAll('div')].at(-1)
  lastRow.innerHTML = output
}