imageindex - ออนไลน์ใน Cloud

โครงการ:

ชื่อ

imageindex - เครื่องมือแกลเลอรี่ภาพถ่ายดิจิทัล

เรื่องย่อ

Imageindex เป็นโปรแกรมแกลเลอรี่ภาพดิจิทัล มันให้การสร้างอัตโนมัติของ
รูปขนาดย่อและมุมมองขนาดอื่นๆ ของรูปภาพและไฟล์วิดีโอ และ HTML to . ที่สอดคล้องกับ W3C
อนุญาตให้ดูภาพขนาดย่อและรูปภาพหรือวิดีโอ นอกจากนี้ยังสร้างภาพตัดต่อของทั้งหมด
รูปภาพในไดเร็กทอรีที่กำหนดเพื่อใช้ในรายการไดเร็กทอรีภายใน HTML

DESCRIPTION

Imageindex ได้พัฒนาจากโปรแกรมสร้างภาพขนาดย่ออย่างง่ายเป็นโปรแกรมที่สมบูรณ์
แอปพลิเคชั่นแกลเลอรี่ คุณสามารถสร้างภาพขนาดย่อแบบคงที่และมุมมอง "ปานกลาง" ได้ (เหมาะสำหรับ
ผู้ดูเว็บผ่านสายโทรศัพท์) พร้อมกับ HTML แบบคงที่ซึ่งแสดงภาพตามลำดับเวลา
ลำดับ (ตามวันที่ในส่วนหัว Exif หรือการประทับวันที่ของไฟล์เอง) สนับสนุน
เพิ่มสำหรับไฟล์ GIF แบบเคลื่อนไหวและไฟล์วิดีโอแล้ว (เรารองรับไฟล์รูปแบบใดก็ได้
รองรับการติดตั้ง mplayer)

Imageindex สร้างเนื้อหาแบบคงที่แทนที่จะเป็นไดนามิกด้วยเหตุผลหลายประการ ก่อนอื่น
มันง่ายกว่ามากในการเก็บถาวรรูปภาพลงในซีดีรอมเป็นระยะ ๆ เมื่อเนื้อหาเป็น
แค่ "อยู่ที่นั่น" มากกว่า "ติดอยู่" ในฐานข้อมูลบางประเภท คุณสร้างของคุณเอง
"ฐานข้อมูล" ด้วยไดเร็กทอรีของคุณเองและให้ imageindex จัดการการนำเสนอของ
ภาพไปทั่วโลก Imageindex จะใช้ "การตัดต่อ" (หรือภาพขนาดย่อของภาพขนาดย่อทั้งหมดของคุณ
หนาตากัน) ของไดเรกทอรีย่อยหากพวกเขาเกิดขึ้นพร้อมกับภาพ (ดูตัวอย่าง
หน้าบนเว็บไซต์ imageindex - http://www.edwinh.org/imageindex/sample.html).

มี "มุมมอง" พื้นฐานสี่แบบที่ imageindex สร้าง (เปิดใช้งานโดยค่าเริ่มต้น) "ดัชนี"
มุมมอง แสดงภาพขนาดย่อของภาพทั้งหมดในไดเร็กทอรีในรูปแบบตารางพื้นฐาน (ค่าเริ่มต้นคือ 3
คอลัมน์) ภายในแต่ละเซลล์ของตารางข้อมูลพื้นฐานเช่นวันที่/เวลาของ
รูปภาพจะได้รับเช่นเดียวกับความคิดเห็น (หรือคำอธิบายภาพ) ที่มีอยู่ในภาพ ลิงค์ไปยัง
ขนาดต่างๆ ของรูปภาพและมุมมองอื่นๆ สำหรับรูปภาพนั้นจะถูกนำเสนอตามค่าเริ่มต้นเช่นกัน

มุมมองที่สองที่นำเสนอคือมุมมอง "สไลด์โชว์" ในมุมมองนี้ภาพขนาด "กลาง"
นำเสนอพร้อมกับข้อมูล เช่น วันที่/เวลา คำบรรยายใต้ภาพ
ฯลฯ ปัจจุบันสำหรับไฟล์วิดีโอ สไลด์ 'กลาง' จะชี้ไปที่ไฟล์วิดีโอจริงเท่านั้น
ประมวลผล เวอร์ชันในอนาคตจะอนุญาตให้เล่นโดยตรงภายในเบราว์เซอร์ (เช่น
ยูทูบ). มีลิงก์ "ก่อนหน้า" และ "ถัดไป" ในแต่ละหน้าซึ่งช่วยให้ผู้ดูได้อย่างรวดเร็ว
วนรอบรูปภาพ "กลาง" แต่ละรูปโดยไม่ต้องเรียกใช้ "ด้านหลัง" ของเบราว์เซอร์ตลอดเวลา
ปุ่ม

สามารถสร้างคำบรรยายสำหรับไฟล์วิดีโอได้โดยการสร้างไฟล์ที่มีชื่อฐานเดียวกันกับ
ไฟล์วิดีโอต้นฉบับ แต่มี ".txt" เป็นนามสกุล เนื้อหาของไฟล์นี้จะเป็น
ใช้เหมือนกับคำอธิบายภาพที่ฝังอยู่ในรูปแบบเช่น JPG เมื่อประมวลผล HTML ที่เป็นผลลัพธ์

เมื่อใช้ร่วมกับมุมมอง "สไลด์โชว์" จะมี "มุมมองเฟรม" เมื่อเปิดใช้งานลิงก์ไปยัง
มุมมองเฟรมจะปรากฏที่ด้านบนของหน้าของมุมมองดัชนี เมื่อมุมมองเฟรมคือ
เข้าเยี่ยมชม บานหน้าต่างของเบราว์เซอร์แบ่งออกเป็นสองส่วน ทางด้านซ้ายภาพขนาดย่อทั้งหมดคือ
เรียงรายกันอย่างใกล้ชิด ทางด้านขวามือจะมีการโหลดหน้า "สไลด์โชว์" เดียวกัน
เมื่อผู้ใช้คลิกภาพขนาดย่อทางด้านซ้าย จะเป็นมุมมอง "สไลด์" (รวมถึง "กลาง" ด้วย
ภาพ) จะแสดงที่ด้านขวาของกรอบ นี้สร้างความสะดวกสบายมาก
กลไกการเรียกดูภาพจำนวนมาก

ในที่สุดก็มีมุมมอง "รายละเอียด" มุมมองรายละเอียดนี้เหมือนกับมุมมองดัชนีเนื่องจาก
ภาพขนาดย่อ (ลดขนาดลงอีก) จะแสดงในรูปแบบตาราง แต่ยังมีอีกมาก
ข้อมูลถูกนำเสนอในแต่ละเซลล์ มีประโยชน์มากสำหรับภาพที่มาจาก
กล้องดิจิตอลที่ส่วนหัวของ Exif เต็มไปด้วยข้อมูลเรียบร้อยมากมาย

เอาต์พุต HTML ของ imageindex สามารถปรับแต่งได้โดยการสร้าง ".imageindexrc" ใน your
$HOME ไดเร็กทอรีและวางตัวแปรบางตัว (ดูส่วนตัวแปร) ในไฟล์นั้นและ
แก้ไขตามรสนิยมของคุณ ตัวแปรตัวหนึ่งควบคุมเอาต์พุตของสไตล์ชีตแบบเรียงซ้อน
ซึ่งท้ายที่สุดจะนำเบราว์เซอร์ของคุณไปแสดง HTML ทุกสี แบบอักษร เยื้อง
ฯลฯ การเปลี่ยนแปลงที่คุณต้องการสามารถทำได้ในตัวแปรสไตล์ชีตนี้

ตัวแปร

เมื่อคุณสร้างไฟล์ ".imageindexrc" ในไดเร็กทอรี $HOME คุณสามารถใส่ไฟล์ใดก็ได้หรือทั้งหมด
ของตัวแปรต่อไปนี้ในนั้นและปรับแต่งตามต้องการ นี่คือรหัส Perl เองและ is
ต่อมา "รวม" ไว้ใน imageindex ขณะที่ทำงาน

คุณ ต้อง จบไฟล์โดยใส่ "1;" ในตอนท้ายของมัน มันเป็นเรื่องของ Perl!

ค่าที่คุณเห็นในตัวอย่างเหล่านี้เป็นค่าเริ่มต้นของโปรแกรม ถ้าคุณชอบค่าเริ่มต้น
ค่าของตัวแปรเฉพาะ คุณไม่จำเป็นต้องรวมไว้ในไฟล์ ".imageindexrc"

ชื่อของไดเร็กทอรีที่เก็บภาพขนาดย่อ

$thumbnail_dir = 'ภาพขนาดย่อ';

ขนาดของภาพขนาดย่อในทิศทาง "x" (พิกเซล) โปรดทราบว่า imageindex เก็บรักษา
อัตราส่วนกว้างยาวของรูปภาพเมื่อลดขนาดจากขนาดเดิมให้เป็นภาพขนาดย่อ
ภาพ. ดังนั้น หากมิติข้อมูล "x" เล็กกว่ามิติข้อมูล "y" ภาพขนาดย่ออาจมี
ขนาด "x" เล็กกว่า $default_thumbnail_x

$default_thumbnail_x = 200;

ขนาดของภาพขนาดย่อในทิศทาง "y" (พิกเซล) อีกครั้ง โปรดทราบว่า imageindex
รักษาอัตราส่วนภาพของภาพเมื่อลดขนาดจากเดิมให้อยู่ในรูป a
ภาพขนาดย่อ ดังนั้น หากมิติข้อมูล "y" น้อยกว่ามิติข้อมูล "x" ภาพขนาดย่อ
อาจมีขนาด "y" ที่เล็กกว่า $default_thumbnail_y

$default_thumbnail_y = 200;

หากทั้งสองมิติของต้นฉบับอยู่ภายในขนาดภาพขนาดย่อที่เรา
จะข้ามภาพขนาดย่อและใช้ต้นฉบับเป็น "ภาพขนาดย่อ"

$thumbnail_threshold = 1.0;

ขนาดของรูปภาพ "กลาง" ในทิศทาง "x" (พิกเซล) โปรดทราบว่า imageindex เก็บรักษา
อัตราส่วนกว้างยาวของภาพเมื่อลดขนาดจากเดิมให้เป็น "กลาง"
ภาพ. ดังนั้น หากมิติข้อมูล "x" น้อยกว่ามิติ "y" รูปภาพ "กลาง" อาจ
มีขนาด "x" ที่เล็กกว่า $med_x

$med_x = 800;

ขนาดของรูปภาพ "กลาง" ในทิศทาง "y" (พิกเซล) โปรดทราบว่า imageindex เก็บรักษา
อัตราส่วนกว้างยาวของภาพเมื่อลดขนาดจากเดิมให้เป็น "กลาง"
ภาพ. ดังนั้น หากมิติข้อมูล "y" น้อยกว่ามิติ "x" รูปภาพ "กลาง" อาจ
มีขนาด "y" ที่เล็กกว่า $med_y

$med_y = 600;

ชื่อของไดเร็กทอรีที่เก็บภาพ "กลาง"

$med_dir = 'ปานกลาง';

หากทั้งสองมิติของต้นฉบับอยู่ภายในมิติ "กลาง" มากขนาดนี้ เราจะ
ข้ามการสร้างรูปแบบขนาดกลางและเพียงแค่ใช้ต้นฉบับ สิ่งนี้ช่วยประหยัดโดยไม่จำเป็น
การสร้างภาพ "กลาง" หากมีขนาดใกล้เคียงกับต้นฉบับแล้ว

$med_threshold = 1.6;

เรียกซ้ำในไดเรกทอรีย่อยโดยอัตโนมัติ? ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_recurse = 0;

สร้างภาพ "กลาง" เลยไหม ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_medium = 1;

สร้าง "สไลด์โชว์" และมุมมองเฟรมหรือไม่ ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_slide = 1;

สร้างมุมมอง "รายละเอียด" หรือไม่ ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_captions = 1;

ใช้/แสดงข้อมูลคำอธิบายภาพที่เก็บไว้ในภาพ? ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_detail = 1;

ประมวลผลไดเรกทอรีย่อยเป็นรายการในมุมมอง "ดัชนี" และ "รายละเอียด" ปกติหรือไม่ ตั้งค่าเป็น 1 ถึง
เปิดใช้งาน. หากลำดับชั้นของไดเร็กทอรีทั้งหมดได้รับการประมวลผลโดย $do_montage ตั้งค่าเป็น 1 (ดู
ด้านล่าง) ไฟล์ตัดต่อสำหรับไดเร็กทอรีที่กำหนดจะถูกใช้เป็น "ภาพขนาดย่อ" สำหรับ a
ไดเร็กทอรีย่อย

$do_dirs = 1;

สร้างภาพตัดต่อทั้งหมดหรือไม่? เมื่อเปิดใช้งานรูปภาพทั้งหมดที่ประมวลผลจะเป็น
กลายเป็นภาพตัดต่อ NxM ของภาพขนาดย่อขนาดเล็กมากในรูปแบบกระเบื้อง ผลลัพท์ที่ได้
รูปภาพถูกย่อขนาดเป็น $default_thumbnail_x x $default_thumbnail_y และเก็บไว้
ในไดเร็กทอรี $thumbnail_dir ขนาดของไทล์เพิ่มขึ้นตามจำนวนภาพใน a
ไดเร็กทอรีเพิ่มขึ้น แต่สามารถถูก จำกัด ด้วยตัวแปรที่แสดงด้านล่าง ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_montage = 1;

แมปรูปแบบ "ยิ้ม" ของ ASCII ที่ฝังอยู่ภายในความคิดเห็นของรูปภาพลงใน "อิโมติคอน" ที่แท้จริง
ภาพ? เมื่อเปิดใช้งานหน้ายิ้ม ASCII เช่น :) และ :-) การขยิบตา ;) และ ;-) และ
การขมวดคิ้ว :( และ :-( ถูกจับคู่กับภาพ PNG ขนาดเล็กที่แสดงอารมณ์ที่สื่อถึง
ตั้งค่าเป็น 1 เพื่อเปิดใช้งาน

$do_emoticons = 1;

เรียงลำดับการประทับเวลาในลำดับที่กลับกัน

$do_reverse = 1;

ประมวลผลไฟล์วิดีโอ สิ่งนี้อาศัย mplayer เวอร์ชันล่าสุดที่กำลังติดตั้งอยู่
ระบบของคุณ เราได้ทดสอบถึง 0.99.8 แล้ว ชนิดของไฟล์วิดีโอที่รองรับ
ขึ้นอยู่กับตัวแปลงสัญญาณที่คอมไพล์และใช้กับการติดตั้ง mplayer ในระบบของคุณ

$do_video_files = 1;

วางไอคอนขนาดเล็กที่มุมหนึ่งของภาพขนาดย่อและมุมมองสื่อเมื่อ
กำลังประมวลผลเฟรมแรกของไฟล์วิดีโอ สิ่งนี้ให้ "สัญญาณภาพ" ที่ไฟล์เป็น
ที่แสดงในเบราว์เซอร์ของคุณเป็นไฟล์วิดีโอและไม่ใช่ภาพนิ่ง

$do_video_thumbnail_icons = 1;

ใช้สิ่งต่อไปนี้เป็นนิพจน์ทั่วไปเพื่อระบุไฟล์วิดีโอตามนามสกุล สำหรับ
เหตุผลทางเทคนิคบางประการ เป็นไปได้มากกว่าที่จะพึ่งพาสิ่งนี้อย่างรวดเร็วและมีประสิทธิภาพ
กระบวนการ. หากไฟล์จากกล้องของคุณ (หรืออะไรก็ตาม) ลงท้ายด้วยนามสกุลอื่น ให้ใส่
ส่วนขยายนั้นที่นี่ด้วย

$video_regexp = '(avi|mov|mpg|mpeg|mjpeg|m1v|m2v|wmv|fli|nuv|vob|ogm|vcd|svcd|mp4|qt)';

หากคุณเปิดใช้งานไอคอน "visual cue" สำหรับไฟล์วิดีโอที่กล่าวถึงข้างต้น ดังต่อไปนี้
ตัวแปรกำหนดมุมที่จะวาง ค่าที่ยอมรับได้คือ: ตะวันตกเฉียงใต้,
NorthWest, NorthEast, SouthEast (ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่!)

$video_icon_gravity = 'ตะวันตกเฉียงใต้';

หากคุณเปิดใช้งานไอคอน "visual cue" สำหรับไฟล์วิดีโอที่กล่าวถึงข้างต้น มีสองto
เลือกจาก (ปัจจุบัน) ตั้งค่าเป็น 1 (ค่าเริ่มต้น) สำหรับจุดสีเหลืองที่มีลูกศร "เล่น" ตั้งค่าเป็น2
สำหรับไอคอนสีม่วงของกล้องวิดีโอ สิ่งเหล่านี้จะถูกสร้างขึ้นในรุ่นต่อๆ ไป

$วิดีโอ_ไอคอน = 1;

ตัวแปรสามตัวต่อไปนี้ควบคุมว่าไฮเปอร์ลิงก์ใดในเอาต์พุต HTML "ชี้" ไปที่ พวกเขา
สามารถตั้งค่าได้ดังนี้

ดัชนี : ชี้ไปที่การอ้างอิงชื่อสำหรับรูปภาพในมุมมองดัชนี
fullsize : ชี้ไปที่ภาพจริงนั่นเอง
สื่อ : ชี้ไปที่เวอร์ชัน "กลาง" ของรูปภาพ
ภาพขนาดย่อ : ชี้ไปที่ภาพขนาดย่อของภาพ
สไลด์ : ชี้ไปที่หน้า HTML "สไลด์โชว์" ที่เขียนขึ้นสำหรับรูปภาพ
รายละเอียด : ชี้ไปที่การอ้างอิงชื่อสำหรับรูปภาพในรายละเอียด
ดู

ตัวแปรต่อไปนี้จะควบคุมไฮเปอร์ลิงก์สำหรับรูปภาพขนาดย่อในมุมมองดัชนี
ชี้ไปที่:

$index_linkto = 'สไลด์';

ตัวแปรต่อไปนี้ควบคุมสิ่งที่เชื่อมโยงสำหรับภาพขนาดย่อในรายละเอียด
มุมมองไปที่:

$details_linkto = 'ดัชนี';

ตัวแปรต่อไปนี้จะควบคุมไฮเปอร์ลิงก์สำหรับรูปภาพ "ขนาดกลาง" ในมุมมองสไลด์
ชี้ไปที่:

$slide_linkto = 'ขนาดเต็ม';

จำนวนคอลัมน์เริ่มต้นที่จะใช้ในดัชนีและมุมมองรายละเอียด

$default_columns = 3;

กำหนดการวางแนวของกรอบสไลด์ - 'แนวนอน' หรือ 'แนวตั้ง' เมื่อ 'แนวตั้ง' the
บานหน้าต่างเบราว์เซอร์จะแบ่งตามแนวตั้งโดยให้ภาพขนาดย่อทั้งหมดอยู่ทางซ้าย เมื่อไหร่
'แนวนอน' บานหน้าต่างเบราว์เซอร์จะแบ่งตามแนวนอนด้วยรูปขนาดย่อที่จัดเรียงอยู่ใน
ส่วนบน

$frame_orient = 'แนวตั้ง';

ตัวแปรสองตัวแปรต่อไปนี้สามารถตั้งค่าเป็นค่าใดก็ได้จากสามค่าต่อไปนี้:

ด้านบน : วางรายการที่เป็นปัญหาที่ด้านบนของหน้าเมื่อแสดงผล
bottom : ใส่รายการที่เป็นปัญหาที่ด้านล่างของหน้าเมื่อ
การแสดงผล
none : ละเว้นรายการจากเอาต์พุต HTML

ควบคุมว่าจะเรียกคำอธิบายภาพ (หรือความคิดเห็น) ที่ฝังอยู่ในภาพหรือไม่และ
เขียนลงในเอาต์พุต HTML โดยค่าเริ่มต้นจะเขียนไว้เหนือรูปภาพ "กลาง" ที่นำเสนอ
ในมุมมอง "สไลด์"

$slide_caption = 'ด้านบน';

ควบคุมว่าวันที่/เวลาของรูปภาพถูกเขียนลงในเอาต์พุต HTML หรือไม่ โดยค่าเริ่มต้น มันคือ
เขียนไว้ใต้ภาพ "กลาง" ที่นำเสนอในมุมมอง "สไลด์"

$slide_date = 'ด้านล่าง';

ในมุมมอง "รายละเอียด" รูปภาพขนาดย่อจะถูกย่อให้เล็กกว่าขนาดปกติ
ภาพขนาดย่อ (เพื่อประหยัดพื้นที่อันมีค่า) ซึ่งจะกำหนดจำนวนครั้งที่หดตัว
โดยค่าเริ่มต้น จะหดตัวลง 2 เท่า

$รายละเอียดหด = 2;

ภาพขนาดย่อและภาพ "กลาง" นั้นเขียนเป็นไฟล์ JPEG (แม้ว่าต้นฉบับ
รูปภาพไม่ใช่ของ JPEG) ตัวแปรสองตัวต่อไปนี้ควบคุม "คุณภาพ" สำหรับที่สร้างขึ้น
ภาพ ค่าสามารถอยู่ในช่วงตั้งแต่ 0 ถึง 100 โดยที่ 100 หมายถึง "ไม่สูญเสียคุณภาพใด ๆ ไป
ของขนาดไฟล์"

ปรับคุณภาพของภาพขนาดย่อที่เขียนออกมา

$thumb_quality = 50;

ปรับคุณภาพของภาพ "กลาง" ที่เขียนออกมา

$med_quality = 80;

ปรับจำนวนกระเบื้องขั้นต่ำที่จะพบในภาพตัดต่อ ถ้าจำนวน
รูปภาพในไดเร็กทอรีต่ำกว่าค่านี้ รูปภาพจะซ้ำหรือเว้นว่าง
จะถูกแทรก (ดู $montage_fill)

$ภาพตัดต่อ_นาที = 4;

ปรับจำนวนกระเบื้องสูงสุดที่จะพบในการตัดต่อ ถ้าจำนวน
รูปภาพในไดเร็กทอรีจะสูงกว่าจำนวนนี้ การตัดต่อจะทำโดย "evenly
การเลือก" $montage_max ภาพในไดเร็กทอรีและใช้งานเท่านั้น

$ภาพตัดต่อ_สูงสุด = 36;

ปรับช่องว่างระหว่างภาพตัดต่อ (พิกเซล)

$ภาพตัดต่อ_whitespace = 2;

เมื่อไม่มีรูปภาพจำนวน "เท่ากัน" ในไดเร็กทอรีและการตัดต่อไทล์ NxM ที่สมบูรณ์
ไม่สามารถสร้างภาพสามารถใช้อีกครั้งหรือสามารถใช้พื้นที่ว่างได้ ตั้งค่าให้ 'ทำซ้ำ' เป็น
ใช้รูปภาพซ้ำและ 'ว่าง' เพื่อใช้พื้นที่ว่าง

$montage_fill = 'ว่าง';

ตัวแปรต่อไปนี้จะควบคุมทุกแง่มุมของการแสดงเอาต์พุต HTML ใน
เบราว์เซอร์ที่ได้มาตรฐาน เนื้อหาของตัวแปรนี้จะถูกเขียนออกมาเป็น
สไตล์ชีตแบบเรียงซ้อนและคุณสมบัติที่พบในนั้นจะควบคุมว่า HTML เป็นอย่างไร
แสดงผล สี แบบอักษร ขนาด การจัดตำแหน่ง ฯลฯ ทั้งหมดสามารถเปลี่ยนแปลงคุณสมบัติได้ นี้
อาจต้องใช้ความรู้เกี่ยวกับสไตล์ชีตแบบเรียงซ้อน ไพรเมอร์ที่ดีสามารถพบได้ที่นี่:

http://www.w3schools.com/css/css_reference.asp

$สไตล์ชีต = '
ร่างกาย { สี: ดำ; พื้นหลัง: สีขาว; }

/* ฟอนต์ในหัวเรื่อง */
h1.title { ตระกูลฟอนต์: "Comic Sans MS", Helvetica, sans-serif;
ขนาดตัวอักษร: 200%; font-weight: ตัวหนา; จัดข้อความ: ศูนย์; }
h2.daterange { ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 125%; จัดข้อความ: ศูนย์; }
h3 { ตระกูลฟอนต์: Arial, Helvetica, sans-serif; ขนาดตัวอักษร: 90%;
จัดข้อความ: ศูนย์; }

/* คำบรรยายภาพและชื่อไดเร็กทอรี */
div.caption { ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 100%; font-weight: ตัวหนา; ระยะขอบ: 1em; }

/* แบบอักษรโดยรวมบนดัชนีและหน้ารายละเอียด */
div.index { ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 80%; }
div.detail { ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 80%; }
div.credits { ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 80%; จัดข้อความ: ขวา; ระยะขอบ: 10px }

/* คุณสมบัติตาราง */
table.index { พื้นหลัง: #ffffff; เส้นขอบ: ไม่มี;
ระยะห่างระหว่างเส้นขอบ: 8px; }
td.index { เส้นขอบ: ไม่มี; ช่องว่างภายใน: 3px }
table.frame { พื้นหลัง: #ffffff; เส้นขอบ: ไม่มี }
td.frame { เส้นขอบ: ไม่มี; ช่องว่างภายใน: 0px }

/* คุณสมบัติรูปภาพ */
img.index { เส้นขอบ: ไม่มี; }
img.slide { เส้นขอบ: ไม่มี; }
img.frame { เส้นขอบ: ไม่มี; }

/* คุณสมบัติการเชื่อมโยง */
a:link { สี: ฟ้า; }
a: เยี่ยมชมแล้ว { สี: สีเขียว; }
a: โฮเวอร์ { สี: แดง; }
a:active { สี: สีแดง; }

';

ปรับสิ่งที่แสดงในเซลล์ตาราง "ว่าง" เมื่อไม่มีจำนวน
ภาพในไดเร็กทอรี

$emptycell = " ว่างเปล่า ";

ควบคุมข้อความของไฮเปอร์ลิงก์ไปยังไดเร็กทอรีหลัก หากคุณไม่ต้องการให้ลิงค์นี้
อยู่ในดัชนีและมุมมอง "รายละเอียด" "undef" ตัวแปร (undef $updirtext;)

$updirtext = "ขึ้นหนึ่งไดเร็กทอรี";

ควบคุมข้อความของไฮเปอร์ลิงก์ไปยังมุมมองเฟรม หากคุณไม่ต้องการให้ลิงค์นี้เป็น
มีอยู่ในดัชนีและมุมมอง "รายละเอียด" "ยกเลิก" ตัวแปร (undef $framelinktext;)

$framelinktext = "มุมมองสไลด์โชว์ (เฟรม)";

ควบคุมข้อความของไฮเปอร์ลิงก์ไปยังมุมมองรายละเอียด หากคุณไม่ต้องการให้ลิงค์นี้เป็น
มีอยู่ในมุมมองดัชนี "undef" ตัวแปร (undef $detaillinktext;)

$detaillinktext = "ดัชนีรายละเอียด";

ควบคุมข้อความของไฮเปอร์ลิงก์ไปยังมุมมองดัชนี หากคุณไม่ต้องการให้ลิงค์นี้เป็น
แสดงในมุมมองรายละเอียด "undef" ตัวแปร (undef $indexlinktext;)

$indexlinktext = "ดัชนีหลัก";

ควบคุมสตริง TITLE เริ่มต้นที่เขียนใน HTML สำหรับไดเร็กทอรีที่กำหนด นี่คือ
ส่วนใหญ่มักจะกำหนดแบบต่อไดเร็กทอรีผ่านทางบรรทัดคำสั่งและ "จดจำ" ภายใน
ข้อมูล META ภายในไฟล์ดัชนี HTML เอง

$default_titletext = "ไดเรกทอรีรูปภาพ";

ตัวแปรห้าตัวต่อไปนี้ควบคุมแอตทริบิวต์ TITLE บนโครงสร้างจุดยึดในดัชนี
และมุมมองเฟรม เมื่อให้แอตทริบิวต์ TITLE มักจะแสดงผลเป็น "คำแนะนำเครื่องมือ"
ฟองอากาศที่แสดงข้อความเมื่อเคอร์เซอร์เลื่อนเมาส์ไปวางเหนือลิงก์ที่ทำงานอยู่ เราใช้
ที่นี่เพื่อให้เห็นภาพเกี่ยวกับภาพ ตัวแปรเหล่านี้ทำงานเหมือน printf(1)
สตริง ค่าที่สามารถสอดแทรกสำหรับรูปภาพที่กำหนดได้คือ:

%f => แทนที่ด้วยชื่อไฟล์ของภาพ
%d => แทนที่ด้วยวันที่/เวลาของรูปภาพ (หรือ mtime ของไฟล์)
%s => แทนที่ด้วยขนาดของไฟล์ (เป็น Kb)
%r => แทนที่ด้วยความละเอียด (XxY) ของภาพต้นฉบับ
%c => แทนที่ด้วยคำอธิบายภาพ (หากเก็บไว้)
%% => แทนที่ด้วยตัวอักษร '%'

รหัสต่อไปนี้จะถูกสอดแทรกเมื่อมีการประมวลผลไดเร็กทอรีและการตัดต่อนั้น
ไดเร็กทอรีใช้เป็นภาพขนาดย่อของไดเร็กทอรีย่อย

%n => แทนที่ด้วยจำนวนภาพในไดเร็กทอรี
%b => แทนที่ด้วยวันที่ "เริ่มต้น" จากไดเร็กทอรีของ images
%e => แทนที่ด้วยวันที่ "สิ้นสุด" จากไดเร็กทอรีของ images
%t => แทนที่ด้วย "title" จากไดเร็กทอรีของ images

อักขระอื่นๆ (รวมถึงช่องว่าง) เป็นตัวอักษร "undef" สิ่งเหล่านี้ใน ".imageindexrc" ของคุณ
หากคุณไม่ต้องการให้แอตทริบิวต์ TITLE เขียนลงใน HTML "วันที่/เวลา"
โครงสร้างที่เกี่ยวข้องจะถูกสอดแทรกโดยใช้ตัวแปรรูปแบบวันที่/เวลาที่กำหนดไว้ด้านล่าง

ควบคุมแอตทริบิวต์ TITLE สำหรับไฮเปอร์ลิงก์ไปยังรูปภาพขนาดย่อภายในมุมมองเฟรม NS
ค่าเริ่มต้นคือ " - " สำหรับภาพ

$framethumbtitle = "%f - %d";

ควบคุมแอตทริบิวต์ TITLE สำหรับไฮเปอร์ลิงก์ไปยังรูปภาพขนาดย่อภายในมุมมองดัชนี NS
ค่าเริ่มต้นคือ " ( )" สำหรับภาพ

$indexthumbtitle = "%f (%s)";

ควบคุมแอตทริบิวต์ TITLE สำหรับไฮเปอร์ลิงก์ไปยังรูปภาพขนาดย่อภายในมุมมองสไลด์ NS
ค่าเริ่มต้นคือ " ( )" สำหรับภาพ

$slidethumbtitle = "%f (%s)";

ควบคุมแอตทริบิวต์ TITLE สำหรับไฮเปอร์ลิงก์ไปยังรูปภาพขนาดย่อภายในมุมมองรายละเอียด
ค่าเริ่มต้นคือคำอธิบายภาพ (หรือความคิดเห็น) ของรูปภาพหากมีการฝังอยู่ภายใน

$detailthumbtitle = "%c";

ควบคุมแอตทริบิวต์ TITLE สำหรับไฮเปอร์ลิงก์เพื่อตัดต่อรูปภาพภายในมุมมองดัชนีเมื่อ
กำลังนำเสนอไดเรกทอรีย่อย ค่าเริ่มต้นคือการแสดงจำนวนภาพในไดเรกทอรีย่อย
มีและช่วงวันที่ที่ถูกขยาย

$montagetitle = "%n ภาพ %b ถึง %e";

ควบคุมชุดอักขระที่หน้า html ที่สร้างขึ้นควรมี ค่าเริ่มต้นนี้เป็น UTF-8 แต่
สามารถเป็น ISO-8859-1 หรือการเข้ารหัสอื่น ๆ ได้:

$file_charset = "ISO-8859-1";

ตัวแปรแปดตัวต่อไปนี้ควบคุมวิธีการจัดรูปแบบวันที่และเวลาเมื่อเขียนลงใน
HTML เราใช้อีกแล้ว printf(1) ตัวแปรเหมือนที่มีการสอดแทรกรหัส
ตามรสนิยมของผู้ใช้

คำจำกัดความของลำดับการหลบหนีมาจาก POSIX สตริฟไทม์(3) คำจำกัดความ ไม่
ทั้งหมดของ สตริฟไทม์(3) ได้รับการสนับสนุนด้วยเหตุผลที่ชัดเจน

%S ถูกแทนที่ด้วยวินาทีเป็นตัวเลขทศนิยม (00-60)
%M ถูกแทนที่ด้วยนาทีเป็นเลขฐานสิบ (00-59)
%I ถูกแทนที่ด้วยชั่วโมง (นาฬิกาแบบ 12 ชั่วโมง) เป็นตัวเลขทศนิยม (01-12)
%H ถูกแทนที่ด้วยชั่วโมง (นาฬิกาแบบ 24 ชั่วโมง) เป็นเลขฐานสิบ (00-23)
%p ถูกแทนที่ด้วยตัวแทนระดับชาติของ "ante meridiem" หรือ
"post meridiem" ตามความเหมาะสม (ปัจจุบันเฉพาะ "am" หรือ "pm" ของสหรัฐฯ เท่านั้น)
%R เทียบเท่ากับ "%H:%M" (ในตัวแปรรูปแบบเวลา *เท่านั้น)
%r เทียบเท่ากับ "%I:%M:%S %p" (ในตัวแปร *timeformat เท่านั้น)

%Y ถูกแทนที่ด้วยปีด้วยศตวรรษเป็นเลขฐานสิบ
%y ถูกแทนที่ด้วยปีที่ไม่มีศตวรรษเป็นเลขฐานสิบ (00-99)
%m ถูกแทนที่ด้วยเดือนเป็นเลขฐานสิบ (01-12)
%d ถูกแทนที่ด้วยวันของเดือนเป็นเลขฐานสิบ (01-31)
%F เทียบเท่ากับ "%Y-%m-%d" (ในตัวแปร *รูปแบบวันที่เท่านั้น)
%D เทียบเท่ากับ "%m/%d/%y" (ในตัวแปร *รูปแบบวันที่เท่านั้น)
%% จะถูกแทนที่ด้วยตัวอักษร "%"

ควบคุมวิธีการสร้างวันที่ในมุมมองเฟรม

$framedateformat = "%m/%d/%Y";

ควบคุมวิธีการสร้างเวลาในมุมมองเฟรม

$frametimeformat = "%r";

ควบคุมวิธีการสร้างวันที่ในมุมมองดัชนี

$indexdateformat = "%m/%d/%Y";

ควบคุมวิธีการสร้างเวลาในมุมมองดัชนี

$indextimeformat = "%r";

ควบคุมวิธีการสร้างวันที่ในมุมมองสไลด์

$slidedateformat = "%m/%d/%Y";

ควบคุมวิธีการสร้างเวลาในมุมมองสไลด์

$slidetimeformat = "%r";

ควบคุมวิธีการสร้างวันที่ในมุมมองรายละเอียด

$detaildateformat = "%m/%d/%Y";

ควบคุมวิธีการสร้างวันที่ในมุมมองรายละเอียด

$detailtimeformat = "%I:%M %p";

ควบคุมว่าชื่อไฟล์ HTML ของมุมมองดัชนีจะเป็นอะไร

$indexfile = 'index.html';

ควบคุมว่าชื่อไฟล์ HTML ของมุมมองรายละเอียดจะเป็นอย่างไร

$detailfile = 'details.html';

ควบคุมว่าชื่อไฟล์ HTML ของมุมมองเฟรมจะเป็นอย่างไร

$framefile = 'frame.html';

ควบคุมว่าชื่อไฟล์ HTML ของมุมมองสไลด์จะเป็นอย่างไร

$slidefile = 'slides.html';

ควบคุมชื่อของไดเรกทอรีที่จะฝากไฟล์ HTML "มุมมองสไลด์" ทั้งหมด
(หนึ่งภาพต่อหนึ่งภาพ)

$slide_dir = 'สไลด์';

ควบคุมชื่อของ cascading style sheet ที่เขียนในแต่ละไดเร็กทอรี

$stylefile = 'style.css';

ควบคุมชื่อของภาพตัดต่อหากเปิดใช้งาน

$montagefile = 'montage.jpg';

ควบคุมคำนำหน้าของชื่อไฟล์ภาพ PNG อิโมติคอน

$emoticonprefix = 'ii_';

ตัวอย่าง

ตัวอย่างเช่น สมมติว่าคุณต้องการเปลี่ยนสตริงรูปแบบวันที่/เวลา สมบูรณ์
ไฟล์ ".imageindexrc" ในกรณีนี้จะเป็น:

$framedateformat = "%F";
$frametimeformat = "%R";

$indexdateformat = "%F";
$indextimeformat = "%R";

$slidedateformat = "%F";
$slidetimeformat = "%R";

$detaildateformat = "%m/%y";

1; #อย่าเอานี้เป็นบรรทัดสุดท้ายในไฟล์!

กิตติกรรมประกาศ

เราขอขอบคุณ Larry Wall ผู้สร้าง Perl สำหรับ "เลื่อยยนต์กองทัพสวิส" ของ a
ภาษาสคริปต์ (เช่นเดียวกับทุกคนที่แฮ็ค Perl ตลอดหลายปีที่ผ่านมา) เรา
ขอขอบคุณทุกคนที่มีส่วนร่วมใน ImageMagick และโมดูลสหาย
เพิร์ลเมจิก. หากไม่มี PerlMagick ซอฟต์แวร์นี้จะมีประสิทธิภาพน้อยกว่ามาก
นอกจากนี้ เราขอขอบคุณผู้สร้าง mplayer (และผู้ร่วมให้ข้อมูลทั้งหมด)
หากไม่มี mplayer การสนับสนุนที่แนะนำสำหรับไฟล์วิดีโอจะไม่มีวันเกิดขึ้น

ผู้เขียน

เอ็ดวิน ฮัฟฟ์สตุตเลอร์
จอห์น เรย์โนลด์ส

ใช้ imageindex ออนไลน์โดยใช้บริการ onworks.net