AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
S7d5 scene7 zoom flash12/17/2023 ![]() ![]() The viewer normally occupies only a part of the web page’s real estate. In the embedded mode the viewer is added to the existing web page, which may already have some customer content not related to the viewer. The following is an example of HTML code that opens the viewer in the new window: Open popup viewerĪbout fixed size embedding mode and responsive design embedding mode The out-of-the-box HTML page is called ZoomViewer.html and it is located under the html5/ subfolder of your standard IS-Viewers deployment as in the following:Īpply custom CSS to achieve a customized appearance for the page. It is recommended that you use an out-of-the-box HTML page for the pop-up operation mode. The web page loads the viewer using window.open() JavaScript call, properly configured A HTML element, or any other suitable method. This mode is the most common for mobile devices. It takes the entire browser window area and adjusts in case the browser is resized or the device orientation is changed. In pop-up mode, the viewer is opened in a separate web browser window or tab. ![]() To accommodate these needs, the viewer supports three primary operation modes: pop-up, fixed size embedding, and responsive design embedding. In the latter case, the web page may have static layout, or use responsive design that displays differently on different devices or for different browser window sizes. In other cases, it is necessary to embed the viewer directly in the hosting page. Sometimes a web page provides a link that, when selected, opens the viewer in a separate browser window. Embedding Zoom Viewerĭifferent web pages have different needs for viewer behavior. See Keyboard accessibility and navigation. This viewer is fully keyboard accessible. This support, however, is limited to Chrome, Internet Explorer 11, and Edge web browsers only. The viewer supports both touch input and mouse input on Windows devices with a touch screen and mouse. If the gesture is done within the swatches area, it performs a native page scroll. If the image is moved to the view edge and a swipe is performed in the same direction, the gesture performs native page scroll. When the image is zoomed in, it moves the image vertically. If the image is in a reset state, the gesture performs native page scrolling. If image is moved to the view edge and a swipe is performed in the same direction, the gesture performs native page scrolling. If the image is zoomed in, it moves the image horizontally. For other frametransition modes, the gesture performs native page scrolling. If the image is in a reset state and the frametransition parameter is set to slide, the asset is changed with the slide animation. Scrolls through the list of swatches in the swatch bar. The next double tap gesture resets the viewer to the initial viewing state. Zooms in one level until maximum magnification is reached. In the main view, it hides or reveals user interface elements. ![]() This kind of functionality lets the user navigate through the page even if the viewer occupies most of the device screen area. When the viewer cannot process user’s swipe gesture, it forwards the event to the web browser to perform native page scroll. Zoom Viewer supports the following touch gestures that are common in other mobile applications. See Command reference common to all viewers - Configuration attributes and Command reference common to all Viewers - URL Interacting with Zoom Viewer All skinning is achieved by way of custom CSS. You can use Zoom Viewer in pop-up mode using a production-ready HTML page provided with IS-Viewers or in embedded mode, where it is integrated into target web page using documented API.Ĭonfiguration and skinning are similar to that of the other viewers. Zoom Viewer represents a main JavaScript file and a set of helper files (a single JavaScript include with all Viewer SDK components used by this particular viewer, assets, CSS) downloaded by the viewer in runtime. See System requirements and prerequisites. الشرق الأوسط وشمال أفريقيا - اللغة العربيةImages which use IR (Image Rendering) or UGC (User-Generated Content) are not supported by this viewer. Selecting a region changes the language and/or content on. See the Components section with the list of all component's instance names present in the viewer. The customer can add this line to the viewer call:įinally, to find out what are the names of components used in specific viewer, see the following: If you want to affect only the swatches, then qualify the iscommand modifier. The only way is to apply this command is through a URL call like the following: Scene7 Publishing System (SPS) does not allow you to specify iscommansd for ZoomView. ![]()
0 Comments
Read More
Leave a Reply. |