![]() ![]() I will crosspost this in the forum as well. Alternatively, you could also look into some sort of automated process using Zapier or Integromat to dynamically create CMS items based on copying and pasting the description from the YouTube video into some sort of form. That may actually take more work and time than copying and pasting, but would be a way to automate it. the iFrame would then contain a variable with the number field in your collection of where to start the video. Also within the collection list would be a custom code embed with the youtube iframe. On your page, you would add a collection list, which would then display each of the bookmarked times for your video. If you were to create a CMS collection entitled “Video 1” (or whatever the name of the video is), you could then create a number field with the second you want the video to start at. If you wanted to automate this, in turn, there would still be a bit of manual copying and pasting to develop the same look and feel. Copying and pasting that link directly should work, as it already is using the & for the time parameter. The easiest way would be to copy and paste the link in the description of the YouTube video into the lightbox source. Essentially the data being copied is just text and it will, in turn, be displayed as text. You are correct, copying and pasting the description from YouTube will not provide the look and feel you are going for. After that, if the image array are updated and there are totally 15 images, the event will be emitted at index 12.I am going to work with my team to try and understand why the lightbox doesn’t accept the ? for the parameter and will let you know what I hear. For example, if lengthToLoadMore = 2 and there are 7 images in your array, when you reach index 4 (which means there are 2 images left which are not discovered yet), this event will be emitted. onLoad: Emit when there are lengthToLoadMore images left in the array (specified in the properties).onStartIndex: Emit when the current image is at the startAt index (specified in the properties).onFirstIndex: Emit when the current image is the first one of the list.onLastIndex: Emit when the current image is the last one of the list.onClosed: Emit when the lightbox is closed.onOpened: Emit when the lightbox is opened.The content of the footer under the image. ESC clicking-close will also be disabled if closable is set to false. Minimum length unto end to emit load more eventĭisplay the close button at the right top corner or not. Set to `true` to avoid scrolling views behind lightbox Time to stop at an image before move on to next image Index of the image that you want to start at Whether to show lightbox or not at the beginning Srcset: '.' // Optional for displaying responsive imagesĪutoplay: true, // Optional: Autoplay video when the lightbox opens Import CSS style require('vue-it-bigger/dist/')Ĭaption: 'caption to display. You can simply view App.vue to see how to use vue-it-bigger Then import it in your project at your entry point ( main.js normally) import Vue from 'vue'Īnd use the lightbox: import LightBox from 'vue-it-bigger' Install the package: npm install vue-it-bigger All interface elements have a background for better visibility.Moved thumbnails to the top of the screen.Moved caption bar and image counter off the media to the bottom of the screen.When opening the lightbox the media doesn't flicker.ago Adding a new variable that shows the month only where the format is currently numerical date. Lightbox opens and closes with a short fade For a 24hr working system it looks like this formatDate (start (prop ('Date')), 'HH:mm - ') + formatDate (end (prop ('Date')), 'HH:mm') 1 More posts you may like r/shortcuts Join 2 yr.Can skip to next / previous media programatically.All of the graphics (previous, next and close buttons) can be customized via slots.Can show an HTML enabled caption under each image or video.Optional thumbnail strip with all of the gallery's media.Unobtrusive interface that disappears after a few seconds, reappears on mouse activity. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |