I'm trying to have it so I can add x amount of photos to a Tumblr post and then turn it into a custom image slideshow using jQuery cycle. Is there any way to add x amount of photos to a post and have it spit the images out in a consistent manner? I added 6 and eventually it just points to an iframe that loads their custom slideshow. I don't want to resort to having to edit custom HTML in a post though.
Photosets give you Photo blocks that you can treat like regular Photo blocks. Just had to add those blocks and have it display in an unordered lists.
Docs
Elaborating on that answer... Once you have the photo sets being treated as a list of photos, it would be easy to hookup a jQuery plugin to turn them into a slideshow (try nivo or flex slider)
Related
I am using Fancybox. In a slideshow where the thumbnails are not reduced from larger images, and are linked to separate full-size images (that will appear in the slideshow when thumbnails are clicked), will the full-size images also pre-load with the webpage? Or only load when the slideshow is activated? My slideshows have many images, and I don't want them to load until necessary. Thanks in advance for advice!
First, you can use developer tools to easily check network activity.
The script fully loads current and previous/next slides after it is activated. Thumbnails are, hoverer, all loaded at once. This means, that if you have extremely large quantities of images, the script will load only max 3 of them and it would be better to disable thumbnails.
I am using the facebook plugin on my wordpress website. My posts are image-only. I am able get the open graph functionality to work, however the image is either a tiny thumbnail with a useless excerpt box beside it, or full-sized with half of it cut of because of the useless caption box.
Now, I say useless, but I wouldn't mind having only my url presented below the image if possible, but without all the extra space. It looks terrible. Also, My image posts do not have titles so in the excerpts box the only title option without a separator for the "collection" theme I am using is sitenameonly....which leave my
sitename
site url
< .........huge extra excerpt space..............................................................................................................................................................................................................................................................................................................................................................>
I have looked elsewhere, in fact all over but can't find information to:
make images full-sized (as if they were posted directly to facebook)
Remove extra space in the excerpt box, leaving only the url
(or remove the box entirely--leaving a full-sized image)
thanks so much in advance
As long as your Wordpress plugin assigns a proper image to each post using the og:image tag and the conditions stated below (emphasis added) then you should be able to get full size posts.
We've increased the size of images in link page posts by 4x on mobile
and 8x on desktop to help you drive better fan engagement. As part of
this change, we've also made the aspect ratios for images consistent
across mobile and desktop. We recommend the following steps to
optimize your images for this new format:
Use images that are 1200 x 630px or greater for the best display on high-resolution devices. At the minimum you should use images that are
600 x 315px to display link page posts with larger images.
Use images that have an aspect ratio of 1.91:1. Try to keep your images as close to this aspect ratio as possible to avoid any cropping
in News Feed.
Use the og:image tag to choose the image that you want to share. If you don't use the og:image tag, users can choose the image they want
to post, giving them a chance to select an image that is poor quality.
Source: Larger Images for Link Page Posts
I have a RSS feed set up for my iPhone application that takes news updates from twitter and adds them to a UITable. This works great, but I was thinking of making the information scroll across the top of the screen instead. So here is my problem: I can't figure out how to convert the feed into text labels I can use on my news scroll. Does anyone know how?
I have a requirement to grab images from an rss feed and display these images in much the same way as browsing your picture library and I really dont know where to start first.
I can get tutorials on the rss reader but I really dont know the component to use to allow the user to "swish" through the images on screen.
There is a an open source grid view called AQGridView
That will help you in laying out the images in a grid like the photo apps "Camera Roll".
As for swiping between images, you should look into using a UIScrollView.
The Three20 library has a photo view controller, but it's cumbersome and difficult to set up if you don't know the three20 library very well.
I have a bunch of texts and images (taken from the content tag of a RSS feed item) that I want to display in my app. I've managed to extract them from the entire content tag with some regular expressions. But the thing is, in order for the texts to appear before all the images are loaded, I need to preload all the images, and even more, I need to reposition all the texts/images when an image is loaded, because I don't know their size at first, to position the element under them correctly.
I realized this is too much hard-work for such a simple task.
I searched for some simple HTML wrapper but I found nothing. And than I realized: hey, I can insert HTML directly into an UIWebView. But then again, I see UIWebView more like an iFrame in HTML, and by that I mean not a very flexible/fluid element. The content will be bigger than the iPhone screen height, can the UIWebView adjust to fit it's contents? I don't want the browser zoom features and all, but rather to blend in the page.
So bottom line: In order to display a bunch of texts combined with images, should I continue with my initial pain-in-the-ass method, should I use a UIWebView, or is there another simple element like the one in my dreams? :)
Thanks.
Definitely use the web view; it has hundreds of person-years of work behind it, and is realistically impossible for you to reproduce by yourself. To keep it from zooming, you can add a viewport meta tag to your HTML fragment.
...[S]hould I continue with my initial pain-in-the-ass method, should I use a UIWebView, or is there another simple element like the one in my dreams...
I'm not entirely sure what you have against UIWebView, it's a decent and fairly complex element that can support many behaviors. One of the extremely attractive properties of IB and Cocoa development is that prototyping is very quick. I think you should spend half an hour and play around with the component. Writing your own code is definitely an option, but layout engines (ie WebKit in UIWebView/Safari, or Gecko in Firefox) is a complicated task. Why reinvent the wheel?
HTH.