Comments (5)
Indeed. I've used $wgAllowExternalImages since I installed pivot but didn't thik about enclosing the web adress for images in tags. I just changed the code and to my pleasure, realized that it is possible to add any images from internet in the slider.
Perhaps it should be mentioned on the page with the slider code that it is possible? Right now it's something you have to use trial and error to find.
from pivot.
The media slider doesn't work when the screen is small. If I use a lap top, the three small dots below the slider are visible and the arrows for left and right to navigate too. But if I shrink the window, making it narrow as a mobile screen, both the dots and the arrows disappear and the image slider is stuck on the last picture.
When you shrink the window, you are activating mobile view. Mobile view doesn't show dots or arrows, space is at a premium so it hides those elements. You wouldn't need the arrows, in mobile view you swipe left or right to progress. If you reload the page while narrowed to activate mobile, the slideshow will start again.
If you want to view mobile, using the browser's built in emulation mode is better. Open developer tools and click on the highlighted yellow area.
Now you can test mobile views more accurately.
One more thing...
Using external images you might not be able to see the tooltip (pop up of the image name) even though it might be redundant. There is the caption below. Here are some thoughts on how to do it.
- $wgAllowExternalImages = true; in
LocalSettings.php
no tooltip - $wgAllowImageTag = true; in
LocalSettings.php
with tooltip, but usetitle="Slide name
notalt
- Take 2 and create a
Template:Image-external
page to make adding<img>
tag easier.
<ul class="example-orbit" data-orbit>
<li class="active">
https://pivot.wikiproject.net/w/images/1/19/Satelite-orbit.jpg
<div class="orbit-caption">
Caption One.
</div>
</li>
<li>
<img src="https://pivot.wikiproject.net/w/images/8/82/Andromeda-orbit.jpg" title="Slide 2" />
<div class="orbit-caption">
Caption Two.
</div>
</li>
<li>
{{external-image|https://pivot.wikiproject.net/w/images/5/56/Launch-orbit.jpg|Slide 3}}
<div class="orbit-caption">
Caption Three.
</div>
</li>
</ul>
Hope this helps!
T
from pivot.
And a wish... as it is now, the slider only works with pictures from my own repository or pictures from wikimedia commons. It would be nice if it was possible to add pictures based on any URI from Internet in the slider. (se link, I tried that but failed)
It will but you will need to look at https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages and really read the links at the bottom "See Also" as I would use one of those instead of a blanket allow.
I'll answer the other question when I get back.
from pivot.
That is so good to know. I'm a teacher in elementary school, not a programmer and is more interestd in just having it work. Your explanations are thorough and easy to understand. Thank you for that.
This means that all extra icing on tthe cake in Pivot, compared to the vanilla wikimedia engine, is finally working just fine .
I've never used templates in my wikimedia installation, never understood the concept, but I'll dig deeper in "Template:Image-external".
I just wish you could add some hints about this, both about slider and tabs, in your own Pivot example page. I don't think ths is the first place people look for extra information.
I, myself, went from wikimedias page with mobile skins (https://www.mediawiki.org/wiki/Skin:Pivot) to the Pivot page (https://www.mediawiki.org/wiki/Skin:Pivot), to your Pivot page(https://pivot.wikiproject.net/wiki/Main_Page), to here. Making this the last place to look for extra information about Pivots different components.
Thanks for all help, you have been so kind and answered so quick. I hope I wont have to ask anything more now and wish you good luck with further development of Pivot.
from pivot.
Thanks @ingemarwiklund
We should add this to Documentation and will.
from pivot.
Related Issues (20)
- Icons in navbar doesn't show in certain browsers HOT 40
- Sidebar text color ignored when highlighted in mobile HOT 1
- Mobile / small screen left menu is purple, not blue HOT 1
- Icons not supported in MW 1.35 HOT 2
- renderSidebar causing InvalidArgumentException HOT 1
- Off-canvas-menu only closing when clicked on icon HOT 1
- Vertical align of grids content HOT 3
- Font awesome for cyrillic HOT 1
- "Search for pages containing" not displayed
- Font size in Pivot 2.2.2/2.3.0 is larger than in 2.2.0
- User menu and actions menu not working
- Hardcoded /w/ folder in pivot.css leads to resource failure
- Incompatible with MW 1.38 - White screen HOT 8
- In what css is the background color for the pages? HOT 5
- Not Compatible with MW 1.34.1 - Error 500 (fresh install, no extensions) HOT 3
- Off canvas menu animates during page transition sometimes
- Mobile layout - Recent changes checkboxes HOT 2
- Title header color and text centering HOT 5
- [Enhancement] Left-menu search (on mobile widths only) doesn't auto-complete HOT 3
- Login and personal_urls HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pivot.