ImageFlow相片特效插件-参数设定说明

2024-06-22 15:58

本文主要是介绍ImageFlow相片特效插件-参数设定说明,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

參數設定說明:
aspectRatio:        1.964,          /* ImageFlow的高度 */
buttons:            false,          /* 上下張按鈕 */
captions:           true,           /* 標題顯示 */
imageCursor:        'default',      /* 滑鼠游標圖示 */
ImageFlowID:        'imageflow',    /* ImageFlow 的ID 名稱 */
imageFocusM:        1.0,            /* 圖片的顯示比例 */
imageFocusMax:      4,              /* 二邊照片出現的張數 */
imageScaling:       true,           /* 影像縮放切換 */ 
imagesHeight:       0.67,           /* 影像高度在Div的縮放比例 */
imagesM:            1.0,            /* 所有影像的顯示比例 */
onClick:            function() { document.location = this.url; },   /* 連結視窗設定 */
opacity:            false,          /* 透明效果 */
opacityArray:       [10,8,6,4,2],   /* 透明效果值從 0~10 */
preloadImages:      true,           /* 預載圖片Bar */
preloadImagesText:  'loading images',/* 預載圖片顯示文字 */
reflectionP:        0.5,            /* 圖片高度縮放比例 */
scrollbarP:         0.6,            /* 軸捲寬度比例 */
slider:             true,           /* 顯示捲軸 */
sliderCursor:       'e-resize',     /* 捲軸滑鼠圖示 */
sliderWidth:        14,             /* 捲軸寬度 */
startID:            1,              /* 起始顯示照片的ID */
startAnimation:     false,          /* 起始動畫效果 */
xStep:              150,            /* 圖片x軸間距 */
animationSpeed:     50,             /* 圖片轉換的時間 */
singleItemTag:      'IMG',          /* 設定項目的名稱 */
slideshow:          false,          /* 幻燈片效果 */
slideshowInterval:  2000,           /* 幻燈片的時間 */
slideshowLeftToRight: true,         /* 幻燈片移動方向,true由左至右,false由右至左 */
cycle:              false           /* 滑鼠第三鍵切換影像 */

这篇关于ImageFlow相片特效插件-参数设定说明的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1084745

相关文章

SpringBoot请求参数接收控制指南分享

《SpringBoot请求参数接收控制指南分享》:本文主要介绍SpringBoot请求参数接收控制指南,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Spring Boot 请求参数接收控制指南1. 概述2. 有注解时参数接收方式对比3. 无注解时接收参数默认位置

Python使用getopt处理命令行参数示例解析(最佳实践)

《Python使用getopt处理命令行参数示例解析(最佳实践)》getopt模块是Python标准库中一个简单但强大的命令行参数处理工具,它特别适合那些需要快速实现基本命令行参数解析的场景,或者需要... 目录为什么需要处理命令行参数?getopt模块基础实际应用示例与其他参数处理方式的比较常见问http

Linux内核参数配置与验证详细指南

《Linux内核参数配置与验证详细指南》在Linux系统运维和性能优化中,内核参数(sysctl)的配置至关重要,本文主要来聊聊如何配置与验证这些Linux内核参数,希望对大家有一定的帮助... 目录1. 引言2. 内核参数的作用3. 如何设置内核参数3.1 临时设置(重启失效)3.2 永久设置(重启仍生效

SpringMVC获取请求参数的方法

《SpringMVC获取请求参数的方法》:本文主要介绍SpringMVC获取请求参数的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下... 目录1、通过ServletAPI获取2、通过控制器方法的形参获取请求参数3、@RequestParam4、@

Spring Boot项目部署命令java -jar的各种参数及作用详解

《SpringBoot项目部署命令java-jar的各种参数及作用详解》:本文主要介绍SpringBoot项目部署命令java-jar的各种参数及作用的相关资料,包括设置内存大小、垃圾回收... 目录前言一、基础命令结构二、常见的 Java 命令参数1. 设置内存大小2. 配置垃圾回收器3. 配置线程栈大小

SpringBoot利用@Validated注解优雅实现参数校验

《SpringBoot利用@Validated注解优雅实现参数校验》在开发Web应用时,用户输入的合法性校验是保障系统稳定性的基础,​SpringBoot的@Validated注解提供了一种更优雅的解... 目录​一、为什么需要参数校验二、Validated 的核心用法​1. 基础校验2. php分组校验3

Tomcat版本与Java版本的关系及说明

《Tomcat版本与Java版本的关系及说明》:本文主要介绍Tomcat版本与Java版本的关系及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat版本与Java版本的关系Tomcat历史版本对应的Java版本Tomcat支持哪些版本的pythonJ

Nginx指令add_header和proxy_set_header的区别及说明

《Nginx指令add_header和proxy_set_header的区别及说明》:本文主要介绍Nginx指令add_header和proxy_set_header的区别及说明,具有很好的参考价... 目录Nginx指令add_header和proxy_set_header区别如何理解反向代理?proxy

一文带你了解SpringBoot中启动参数的各种用法

《一文带你了解SpringBoot中启动参数的各种用法》在使用SpringBoot开发应用时,我们通常需要根据不同的环境或特定需求调整启动参数,那么,SpringBoot提供了哪些方式来配置这些启动参... 目录一、启动参数的常见传递方式二、通过命令行参数传递启动参数三、使用 application.pro

基于@RequestParam注解之Spring MVC参数绑定的利器

《基于@RequestParam注解之SpringMVC参数绑定的利器》:本文主要介绍基于@RequestParam注解之SpringMVC参数绑定的利器,具有很好的参考价值,希望对大家有所帮助... 目录@RequestParam注解:Spring MVC参数绑定的利器什么是@RequestParam?@