PopUp Linkler

Site içi pencerelerde içeriklerin görüntülenmesini istiyorsanız popup eklentisini kullanın.

X3, açılır pencereleri galeriler için dahili olarak kullanır, ancak sayfa içeriğinizde de kullanmanız için kullanılabilir. X3 popup, görüntü linkleri için mükemmeldir, ancak özel bağlantılar ve içerik için de kullanılamaz.

Kullanım

To use the popup with your links, simply add the data-popup attribute to your link.

Click Me

Popup links use the zoom-in cursor on mouse-hover to emphasize that the link opens a popup.
Click Me

Başlık

To add a title for the image, just use data-popup-title="title". When using this attribute, you don't need to set the data-popup attribute, because it is implicit.

Click Me

Click Me

Links

The popup link feature is practical for loading embeddable content, like Youtube Videos.

Youtube Video

Youtube Video

The popup is optimized for images and embeddable content, but can also be used to open links.

Click Me

Click Me

Warning!

Be careful using the X3 popup for full websites. Some websites refuse to load inside an iframe, and you will face problems with scroll and interface on mobile touch devices. The X3 popup should only be used for simple html content, or embeddable content (like video). If you want to open full websites, you should use "Browser Popup Window" (see details further down on this page).

Custom Content

You can use the popup to display inline content with the data-popup-content tag.


Click Me

Click Me

Image Links

Nothing wrong with using images inside your links ...




Link Groups

You can also group links so that you can navigate between them in the same popup.


... Optionally, if you can't or don't want to add all grouped links in the same container, use the rel attribute to assign a group name.

Macbook
iPhone
iPad

Macbook / iPhone / iPad

Advanced

A few more attributes for the ambitious.


Macbook


www.photo.gallery


Custom


Force popup image-type

Macbook.jpg or open www.photo.gallery in new window
www.photo.gallery opens in new window on mobile devices.
Custom CSS Class
Force popup image-type

Browser Popup Window

You can also set links to open in native brower popup windows. Although not as elegant as the X3 popup, this feature can be useful when loading html pages and/or when scrollbar is required. The native browser popup method is basically a new browser window, limited only by size and controls.

Flamepix.com in Popup

demo.gonultas.net in Popup

By default, the popup window is set to open at dimensions 600 x 400 px, but you can set your own size:
1100 x 800


1100 x 800

Pop-up pencereleri her zaman ortalanacak ve ziyaretçiler ekranından daha büyük olmayacaktır. Ayrıca, "popup" pencereleri çoğu mobil / dokunmatik cihazda desteklenmez ve bunun yerine "yeni sekmede" açılır.


Yerli X3 Galerisi

Aşağıda, bu klasörün içinden görüntülerin görüntülendiği yerel X3 galerisini görebilirsiniz. X3 galerisi de bir açılır pencere özelliğini kullanıyor ancak biraz daha gelişmiş bir entegrasyona sahip.