I know how to implement a slideshow in the "Tictail-framework". That tag does fetch images from products and shows them in a slideshow. Is there any way of viewing only a few of these products? (like nr 3, 9 and 15) in Tictal? I'm asking here, because Tictail's support isn't the best I've seen.
I know how to achieve this by using an external js, but it seems like unneccesary if the native slideshow - tag can be used for this. Here is the documentation: https://tictail.com/docs/templates
You can get all images with
{{#all_images}}
<img src="{{url-500}}" alt="{{title}}">
{{/all_images}}
with JS you could push all those images into an array and output your selection.
Related
Warning: I'm a noob. The little I know comes from fiddling around.
I maintain a hobby website of images created in bootstrap 3 and I would like to have a responsive rollover image that also links to the full size image.
I have been able to complete the responsive rollover part, but I can't figure out how to add the link to display the full image.
Here's what I have so far:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
I can't post the CSS because I don't have reputation points yet.
Any help would be much appreciated.
Put href before the div and make sure you close the parent div too. Like this
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div></div>
Well I've run into another problem. I have the rollover image working properly including linking to the full size image. But for some reason whenever I add the code to the webpage and the style sheet, somehow the webpage is looking for the style sheet in the wrong place on my website.
I have a style sheet "default.css" that I use for all my webpages. This css sheet is in the root of the website. But for some reason the webpage with the rollover image will not display the image, and when I inspect the element within Chrome it gives me 404 error stating that the default.css is not found in a certain folder on the website. I've never had the default.css in any folder besides the root.
So somehow the webpage is looking for a style sheet in a place where none exists, and I have no idea why.
If I copy the default.css style sheet from the root into the folder it's looking for then the webpage loads properly, but I don't want to have to maintain two identical style sheets. I just don't know how the style sheet got attached to the webpage.
I'm sorry for the vagueness of this problem, but I don't know enough to make a more informed question.
Is there a django wysiyg editor I can control its image?
I want to set a default image size and use the image as a thumbnail as well.
all wysiyg contents are represent like {{content}} since in model it's set like
content=some Wysiyg field()
The one I want to do is {{content.image}} and play around with that image.
Is there any way I can do that? right now this is the one I'm using, but I'm willing to change to the one I can control image with.
try django-ckeditor, redactor it's more simple but redactor itself isn't free and i think ckeditor is more flexible in the configuration
I'm new to HTML and CSS. I want a simple, responsive slideshow of around five images that automatically rotate and have next and previous controls. Ideally I'd like to have a line of HTML text on top of the images (is this possible?).
Any ideas? I've seen mention of javascript and jQuery but don't have a clue what they are.
Thank you
Lightbox 2 is a good solution for you.
Just download the package and then add the js and css files as the website tells you. Then just put the images like:
image #2
image #3
image #4
It's quite easy and you don't have to manipulate javascript or jquery.
MediaWiki has a great built-in way for finessing the display of images, e.g. from http://www.mediawiki.org/wiki/Help:Images :
[[File:MediaWiki:Image sample|thumb|50px]]
[[File:MediaWiki:Image sample|border|50px]]
However, unfortunately, the MediaWiki repository I have to work with has disabled image uploads.
I'm wondering if there's a way I can apply the above convenience shortcuts to an externally hosted image URL, e.g. ideal would be:
[[File:http://somewhere.com/image.jpg|thumb|50px]]
Is what I'm trying to do impossible?
Yes, can't be done. From the MediaWiki manual:
For resizing images in mediawiki they need to have a row in image table of database containing dimensions and other information of image so you can't resize external images.
If those images have been uploaded in another mediawiki or if they are somewhere in your site and you want to let mediawiki make thumbnail of them you can set $wgUseSharedUploads to true and set $wgSharedUploadPath and $wgSharedUploadDBname instead of enabling external images.
If client-side resizing is sufficient, you could probably whip something up with CSS...
Wrap the image you want to resize in a div or span and give it a particular class like:
<div class="image100px">http://example.com/path/to/image.jpeg</div>
And in the [[MediaWiki:Common.css]] page on the wiki add an entry like this:
.image100px img { width: 100px; }
(Note that due to caching of the CSS you might have to force a reload to see the update.)
If you need to serve out server-resized images, then the easiest way will be to just resize the images and upload them on your external server. (Alternatively you could write a MediaWiki extension that will rescale external images, but if you can't even turn on uploads this won't help you much!)
could you please point c++ code example to display videos and images thumbnails in listview?
I can help with images, but not videos:
http://www.codeproject.com/KB/GDI-plus/GdiPThumbnailsViewer.aspx
Basically you use a normal list control and add the images to an associated image list. There are some gotchas though - looks like you have to use the CImageView::ReplaceImage instead of CImageView::AddImage, else the images don't appear correctly. Masking the image may also require some work.