جایگزین عالی برای LightBox با استفاده از jQuery.
پشتیبانی از IE6 پیمایش صفحه کلید امکان پذیر است: دکمه n (بعدی) - تصویر بعدی. دکمه p (قبلی) - قبلی.
پشتیبانی از فرمت های مختلف: PDF، flv، swf، صوتی، محتوای HTML، پشتیبانی از فریم.
یک اسکریپت فشرده و با اتصال آسان که به شما امکان می دهد تصاویر بزرگ شده را در یک بلوک پاپ آپ نمایش دهید. سایت به زبان روسی
این افزونه در پنج سبک مختلف پیاده سازی شده است. برای مشاهده عملی آن با طرح های مختلف، از لینک های مثال 1 تا 5 پیروی کنید.
اسکریپت دیگری از خانواده لایت باکس. این امکان وجود دارد که هم ریز عکسها و هم سبک نمایش یک عکس در اندازه کامل را سفارشی کنید.
انتقال صاف از تک رنگ به رنگی با استفاده از jQuery.
امکان نمایش اطلاعات در فرمت های مختلف در یک پنجره پاپ آپ وجود دارد: تصاویر تک، گالری، فایل های رسانه ای، فرم ها. صفحه نمایشی دارای پیوندهایی به گزینه های محتوای مختلف است.
جایگزین دیگری برای پلاگین معروف LightBox. روی تصویر در صفحه نمایشی کلیک کنید تا اسکریپت را در عمل ببینید.
اثر انتقال صاف و شگفت انگیز محتوا. در صفحه توضیحات، پیوندهایی به تمام نمونه های آزمایشی این افزونه را خواهید یافت.
تغییر اندازه پنجره مرورگر، اندازه تصویر را تغییر می دهد.
از کتابخانه javascript Prototype استفاده می کند.
نمایش مطالب مختلف در پنجره های مدال
نمایش اطلاعات در پنجره های مدال با استفاده از Mootools: تصاویر، فیلم ها، انیمیشن ها، خدمات اجتماعی و غیره.
» اسکریپت های گالری تصاویر PHP
Coppermine یک گالری تصاویر وب چند منظوره و چند منظوره است که با PHP با استفاده از GD یا ImageMagick و پایگاه داده MySQL نوشته شده است.
| نسخه 1.5.24 | بارگیری شده: بار
اسکریپت گالری عکس ساده و عالی. تصویر در اندازه کامل را در پنجره جدیدی که باز می‌شود، تولید پیش‌نمایش خودکار (تصویر کوچک) و موارد دیگر را در این بسته گالری Maian مشاهده کنید.
| نسخه 2.0 | بارگیری شده: بار
KoschtIT Image Gallery یک اسکریپت رایگان و متن باز برای گالری عکس PHP است. این برنامه برای افزودن سریع یک گالری تصاویر PHP به یک وب سایت موجود استفاده می شود.
| نسخه 3.1c | بارگیری شده: بار
Max "s PHP Photo Album یک اسکریپت ساده و آسان برای استفاده از آلبوم عکس PHP است. می توانید تصاویر را در سرور خود آپلود کنید، عنوان / عنوان و توضیحات را به فایل های عکس خود اضافه کنید، از مشاهده فایل ها با رمز عبور و سایر عملکردهای استاندارد محافظت کنید.
| نسخه 1.0 | بارگیری شده: بار
یک گالری عکس ساده که با زبان PHP با استفاده از پایگاه داده MySQL نوشته شده است. کافی است عکس - فایل ها را آپلود کنید و بلافاصله به بهترین شکل ممکن به بازدیدکنندگان سایت شما ارائه می شود.
| نسخه 2.0 | بارگیری شده: بار
Simple Gallery سبک ترین سیستم مدیریت گالری تصاویر PHP است که از jQuery، MySQL و کتابخانه GD استفاده می کند.
| نسخه 1.3 | بارگیری شده: بار
Plogger یک اسکریپت php گالری تصاویر نسل جدید با کد باز برای ویرایش است. برنامه PHP با هیچ ویژگی اضافی یا پیکربندی پیچیده ای پر نیست.
من این صفحه را در سایت خود ایجاد کردم تا کار یک کد جاوا اسکریپت بسیار ساده و جالب برای تغییر تصاویر را آزمایش کنم.
با استفاده از این کد، می توانید هر عنصر وب را در صفحه سایت ایجاد کنید: یک گالری تصاویر، یک نمایشگر تصویر، یک گالری عکس و غیره. مهم نیست! شما می توانید آن را به هر طریقی، هر چیزی که دوست دارید نام ببرید - ماهیت همان است. آی تی نمایشگر تصویر سبک وزن.
چندین نمونه وجود دارد و با استفاده از آنها ساخته شده اند، اگرچه هر نمونه مختص به خود است، اما نوع اول است کد جاوا اسکریپتکه در آن کار می کند جدول HTML معمولیو حتی(!) بدون CSS!
Prim* به عنوان پس زمینه، i.e. تصویر "شروع" برای هر یک از مثال ها را تعریف کرده ام: تصویر شماره 1.
اول ساده ترین. تصاویر در کادر انتخاب شده تغییر خواهند کرد هنگام کلیک بر روی لینک هاترک کرد.
 |
همانطور که از مثال اول به وضوح مشاهده می شود، معلوم شد نمایشگر تصویر ساده و سریع. همه چيز بلافاصله تغییر می کند!
علاوه بر این، خود جدول به طور خودکار تنظیم می شودبرای اندازه نقاشی ها
من سعی می کنم یکی دیگر را اینجا اجرا کنم. همان عملکرد
تنها تفاوت این است که من قاب 2 پیکسلی را از جدول حذف کردم.
من می خواستم بررسی کنم که چگونه 2 اسکریپت یکسان در صفحه 1 کار می کنند.
کار کنولی!
لازمه (!) دادن است . در غیر این صورت - توقف کارهر دو مثال! هم اولی و هم این.
من یکی دیگر را اینجا شروع می کنم. دقیقا همان عملکرد
نمایش تصاویر هنگام کلیک بر روی لینک ها
فقط بجایعناوین پیوندهادرج شده است تصاویر رنگارنگ.
همینطور کار میکنه! و
فراموش نکن! شما هم باید بدهید نام و مثال توابع دیگر .
در اینجا من همان عملکرد را برای نمایش تصاویر اجرا می کنم، مانند مثال قبلی، وقتی روی آن کلیک می کنم لینک تصاویر.
ولی!در اینجا جدول را با افزودن ردیف زیر اصلاح کرد. مکان این تصاویر-لینک ها را تغییر داد.
مهم!
فراموش نکن (!) جابجایی ردیف های جدول، و تصویر "شروع" باید باشد در ابتدای جدول، و برچسب BR را حذف کنیددر دکمه ها
این نمونه نمایشگر تصویر کمی خاص. آن را از ASSEMBLY IMAGES کامپایل کرد و اولین "شروع"، تصویر شماره 0 را ساخت.
من "دکمه" پیوندها را تغییر ندادم، بلکه آنها را به آن وصل کردم نقشه های دیگر، و آنچه که مخصوصاً جالب است (!)، اندازه های مختلف.
و در این مثال، همه چیز عالی کار می کند! ولی!لازم است برخی از ویژگی ها را در نظر بگیرید .
به خصوص مهم است! اندازه (عرض) تصاویر متصل شده برای مشاهده.
در مورد من، و من استفاده می کنم چیدمان "سخت"., حداکثر عرضنباید بیشتر از 772 پیکسل باشد. صفحه دیگری کشیده خواهد شد!
این اندازه حداکثر به دلیل این واقعیت است که عرض لفاف اصلی است (#لفاف)من نصب کردم: حداکثر عرض = 800 پیکسل، و جدول اصلی سایت (#محتوا)تورفتگی دارد - ویژگی "بالشتک سلولی"
، مساوی با هر طرف 10 پیکسلو علاوه بر این - قاب 2 پیکسلی.
بالشتک و حاشیه جمع می شوند: 24 پیکسل. این را باید در نظر گرفت!
چک کردن به طور مکرر (!)، متوجه شد که باید (!) بیشتر داد 2 پیکسل حاشیه در هر طرف.
صفحه دیگری همچنان خواهد بود، هر چند کمی، اما "تراشیدن"!
* * *
اندازه های مختلف صفحه وب - محاسبه متفاوت حداکثر عرض تصویر!
همانطور که از نمونه کدهای جاوا اسکریپت بیننده در بالا می بینید، همه چیز عالی کار می کند!
تمام جذابیت آن این است که بسیار کوچک و نوشته شده است بدون اتصالهر اسکریپت ها یا کتابخانه های خارجی.
او اینجا است - کد نمایشگر تصویر. خوش قیافه!
راه اندازییکسان توابع بینندهتولید شده در هر لینک یکسان است . فقط تغییر می کند آدرس تصویر. خوب، اصل نوشتن چنین دستور خروجی به شرح زیر است:
پیوند به شکل شماره 1
*پریم. با آزمایش این کد جاوا اسکریپت، فرمت های مختلف تصویر. همه چیز عالی کار می کند! با این حال(!)، اگر کد را وارد کنید آدرس صفحه وبسپس آن را کار کنید نخواهد!
من در این آموزش، صفحه آزمایشی، نوشتن و امکانات چنین عملکرد جالب کد جاوا اسکریپت را تست کردم و نشان دادم.
به نظر من می توان از آن برای ایجاد استفاده کرد ساده ترین، سبک ترین و سریع ترین نمایشگر تصویر.
فکر می کنم در اینجا با جزئیات کافی در مورد آن صحبت کرده ام و همه چیز را به وضوح نشان داده ام.
با این حال، راه های دیگری، البته نه چندان ساده، اما بسیار جالب برای سازماندهی مشاهده تصویر در سایت شما وجود دارد.
می توانید آنها را در بخش های خود مشاهده و بررسی کنید
(در یک پنجره جدید باز می شود).
همچنین امکان بسیار جالبی برای سازماندهی تغییر تصاویر در سایت شما با استفاده از آن وجود دارد ایجاد برگه ها. مثل این: "برگه های HTML+CSS برای سایت" .
خوب، و یک نمایشگر تصویر دیگر، اما، با این حال، خودکار در حال حاضر در بخش "زندگی می کند". نمایش اسلاید جاوا اسکریپت .
تا عادی بشهفقط دکمه START/STOP را فشار دهید.
از آنجایی که ما در مورد آن صحبت می کنیم خودکاربینندگان، و تعداد آنها به اندازه کافی در سایت من وجود دارد، باید به بخش مراجعه کنید "نمایش اسلاید"، جایی که به اندازه کافی هستند، «عزیزان». یک "جعبه پر پر" از آنها وجود دارد!
و به هر حال! ایجاد انواع اسلاید شو در صفحه مشخص شده در لینک به تفصیل نظر داد.
UPD 2014-02-14
به یاد دارید، من شش ماه پیش یک اسکریپت برای مشاهده عکس ها به اشتراک گذاشتم؟ من همچنین به خود می بالیدم که وزن کمی دارد، سریع کار می کند و به طور کلی خوش تیپ است. این که آیا واقعاً اینطور است یا نه، فقط می توان از بیرون قضاوت کرد، و من چند استدلال دیگر به نفع فیلمنامه به شما خواهم داد. امروز نسخه بهبود یافته آن را مورد توجه شما قرار می دهم - QuickBox 0.2.
اندکی بیشتر از همه از اسکریپت هایی استفاده می کنند که به هنجار سنتی تبدیل شده اند. اگر جایی یک اسکریپت بزرگنمایی وجود دارد، پس این نیمی از زمان است جعبه باریکیا جعبه نور. به جای 6 فایل مورد نیاز برای جعبه نور، فیلمنامه من فقط به دو نیاز دارد: یکی cssو یکی JS. برای کارش نیازی به عکس نیست و عکس ها را قبل از نمایش روی صفحه از قبل بارگذاری می کند و 6.5 کیلوبایت وزن دارد.
در اینجا ویژگی های اصلی آن است:
شما را می خندانم، اما هیچ تفاوت ظاهری با نسخه اول وجود ندارد، به جز سبک باز کردن پنجره. اسکریپت در کار به این شکل است:
می‌توانید اسکریپت را در عمل مشاهده کنید.
نصب 1 دقیقه طول می کشد. شما باید فایل ها را در هر پوشه ای در هاست خود از طریق ftp آپلود کنید.
- روش نصب؟
- بسیار ساده.
ممنون خیلی کمکم کردی
محتویات آرشیو را در پوشه ریشه /js/ آپلود می کنیم. در سر سند قبل از تگ بسته شدنخط را بنویس:
اگر جی کوئری را فعال ندارید، فقط آن را از: /jquery.js. و به طوری که اسکریپت بتواند عکس های شما را پردازش کند. شما باید یک ویژگی به آنها اضافه کنید: class='quickbox'. به عنوان مثال، در اینجا 4 عکس برای شما آورده شده است:
اسکریپت رایگان است، از آن استفاده کنید و از زندگی لذت ببرید. لطفا سعی نکنید آن را بفروشید، عقل سلیم را نشکنید :-).
اگر با یک سایت تصویری ساخته شده با jQuery مواجه شدید، به احتمال زیاد از یک لایت باکس استفاده می کند. نقطه قوت یک لایت باکس این است که می تواند حتی یک کتابخانه عکس ساده را به یک گالری جذاب و موثر تبدیل کند. در همین ویژگی است که محبوبیت چنین افزونه هایی برای جی کوئری در زمینه طراحی وب نهفته است.
به لطف جامعه jQuery، افزونه های لایت باکس فراوانی وجود دارد که فرصت های خوبی را برای طراحان تصویر ایجاد می کند. در آموزش ما 15 افزونه مختلف را ارائه می دهیم که باید به آنها توجه کنید.
TopUp یک کتابخانه جاوا اسکریپت با کاربری آسان برای نمایش تصاویر و صفحات وب بدون مزاحمت است. کتابخانه از طریق jQuery و jQuery UI برای سازگاری بین مرورگرها و فشرده بودن مدیریت می شود.
Highslide یک ابزار اختصاصی برای مشاهده تصاویر، رسانه ها و گالری ها است.
پلاگین سفارشی کوچک برای jQuery 1.3+.
لایت باکس 2 یک اسکریپت ساده و بدون مزاحمت است که برای نمایش تصویر همپوشانی در صفحه فعلی استفاده می شود. نصب آن آسان است و در تمام مرورگرهای مدرن کار می کند.
prettyPhoto نه تنها از تصاویر بلکه از ویدئو، فلش، یوتیوب و آژاکس نیز پشتیبانی می کند. لایت باکس برای فایل های رسانه ای.
Slimbox 2 یک کلون 4 کیلوبایتی از Light box 2 است که با jQuery پیاده سازی شده است.
Shadowbox یک نمایشگر رسانه ای مبتنی بر وب است که از همه فرمت های رسانه ای محبوب پشتیبانی می کند. Shadowbox با جاوا اسکریپت و CSS نوشته شده است و دارد فرصت های خوبتنظیمات.
یکی از مزایای این افزونه امکان باز کردن هر نوع فایلی است - از محتوای تعبیه شده تا فایل swf، از یک تصویر ساده تا یک فایل pdf.
از دیگر ویژگی های عالی می توان به تغییر اندازه خودکار تصویر و پشتیبانی از کشیدن و رها کردن اشاره کرد.
GreyBox می تواند برای نمایش وب سایت ها، تصاویر و سایر محتواها استفاده شود.
Super Box افزونه ای است که پنجره ها را با افکت لایت باکس نمایش می دهد.
