About the Thumbnail of QCarousel



  • When loading an image from the server, the thumbnail is not visible if the image name contains parentheses.

        <q-carousel
            swipeable
            animated
            v-model="slide2"
            thumbnails
            infinite
            class="mainimg"
          >
    
      <!--
      <q-carousel-slide :name="1" img-src="https://cdn.quasar.dev/img/mountains.jpg" />
      <q-carousel-slide :name="2" img-src="https://cdn.quasar.dev/img/parallax1.jpg" />
      <q-carousel-slide :name="3" img-src="https://cdn.quasar.dev/img/parallax2.jpg" />
      <q-carousel-slide :name="4" img-src="https://cdn.quasar.dev/img/quasar.jpg" />-->
    
          <q-carousel-slide
          v-for="dronImgs in dronImg"
          :key = "dronImgs.isn"
          :name="dronImgs.isn"
          :img-src="dronImgs.view_fname"
          class="subimgs border-#e5e5e5"/>
    
          </q-carousel>
    

    11.png
    Images without parentheses work correctly.

    2222.png
    In the opposite case

    When using QCarousel, should I load an image without parentheses in its name?



  • Iā€™d say in general, you should avoid using parenthesis in files names.

    Scott



  • @s-molinari Okay. I will change the image storage method šŸ™‚


Log in to reply