تسليط الضوء على لوحة نشطة في CSS بدون JavaScript

Question

أنا أبني شيئًا مشابهًا لهذا - http://www.impressionwebs.com/demo-files/content-switcher/content-switcher.html

تساءلت عما إذا كان لدى أي شخص أي أفكار حول كيفية إظهار اللوحة الحالية في التنقل دون استخدام JavaScript - CSS النقي.

أنا مرتبك إلى حد ما ، هذا غير ممكن ولكني اعتقدت أنني سأطلب على أي حال.

فقط للتوضيح...
ستلاحظ أنه عند النقر فوق رابط في هذه الصفحة - http://www.impressionwebs.com/demo-files/content-switcher/content-switcher-javascript.html الرابط الذي نقرت عليه للتو على النقاط البارزة لإبلاغ المستخدم بالوحة التي يبحثون عنها. هذا ما أريد أن أفعله في CSS.

Answer 1

من الممكن ، صدق أو لا تصدق ، إنه أمر صعب حقًا. هذا يجب عليك ان تبداء: http://thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/ يتم التقاط البت الرئيسي في هذا الاقتباس:

أنا متأكد من أنك جميعًا على دراية بالربط بعنصر ما في نفس الصفحة باستخدام سمة المعرف وكيفية عمله. ومع ذلك ، قد لا تعرف أن الارتباط بعنصر مخفي من الصفحة يؤدي إلى "سحب" العنصر في عرض بدلاً من النافذة التي تقفز إلى هذا العنصر.

لذلك ، يمكنك وضع جميع الشرائح خارج الصفحة ثم يمكنك استخدام الروابط المرقمة لاستخدام المراسي لسحبها إلى العرض. يجب أن تكون حالة الاستخدام الخاصة بك أبسط قليلاً من الحالة التي تقوم بها ، حيث لا يتعين عليك إخراج بقية الصفحة.

Answer 2

ما عليك القيام به هو وضع ما تحتاجه للانزلاق داخل حاوية ذات حجم ثابت وخاصية "الفائض". بعد ذلك ، داخل هذه الحاوية ، تضع محتويات "Slidable" الخاصة بك داخل قائمة عناصر المرساة مع تعيين "Display" لحظر وحجم الحاوية. إذا ، من رابط على الصفحة ، يمكنك الاتصال بأحد المراسي في القائمة ، فإن العنصر الذي يحمل اسم مرساة المراسلة سيظهر تلقائيًا .. بسيط.