简单的 jQuery 画廊和可排序:最后一个缺失的部分
因此,我使用一些插件和一些自定义代码构建了一个小画廊。这是一些摄影网站的作品集。到目前为止,我在左侧的 UL 中得到了缩略图,在右侧得到了较大的图像。我在缩略图上有一些悬停效果,单击时它们会淡出较大的图像,交换 SRC,加载,然后再次淡入。很整洁。 :)
我还有一个管理员登录帐户,允许您裁剪缩略图预览、上传新照片以及删除现有照片。缩略图是使用一些 PHP 和 readdir 自动生成的,以回显 LI。
所以,这就是场景,现在这是我的问题:我已经将 .sortable() jQuery UI 插件应用于我的缩略图 UL,我可以拖动它们,但我无法弄清楚我的生活捕捉缩略图的新位置,更重要的是保存它,什么是好方法!这不是用户首选项,而是管理控件,因此每个用户的 cookie 不起作用,我希望它能够实际编辑网站的显示方式。
我是否应该有一些 PHP 将目录列表放入数组中并以某种自定义顺序重新排序?我是否应该编写一些 PHP 来更改图像的名称,以便 PHP 可以在下一个页面加载时自动对其进行排序? MYSQL数据库的排序顺序?我真的不知道该怎么做!有想法吗?
预先感谢您的任何建议!我知道很多其他人也想知道同样的事情!
So, I've built-up a little gallery using a few plug-ins and some custom code. This is for a few photography website portfolios. So far, I've got the thumbnails in a UL on the left, and the larger image on the right. I've got some hover effects on the thumbnails, and onClick they fadeOut the larger image, swap SRC, load, then fadeIn again. It's neat. :)
I've also got an admin login that allows you to crop the thumbnail previews, upload new photos, and delete existing ones. The thumbnails are automatically generated using some PHP and readdir to echo the LIs.
So, that's the scenario, now here's my problem: I've got the .sortable() jQuery UI plug-in applied to my thumbnail UL, and I can drag them around, but I can't figure out for the life of me what would be a good way to go about capturing the new location of the thumbnails, and more importantly saving this! It's not a user preference, it's an admin control so cookies for each user wont work, I'd like it to actually edit how the site is displayed.
Should I have some PHP that takes the directory listing into an array and reorders it in some custom order? Should I have write some PHP to change the name of the image so PHP can automatically sort it on the next page load? MYSQL database for sort order? I really have no idea how this should be done! Ideas?
Thanks in advance for any advice! I know many others out there are wondering the same thing!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我将使用 jQuery.ajax() 方法将文件名和排序顺序传递到更新 MySQL 中的表的 PHP 文件。表中只需要两列 - 一列用于文件名,一列用于排序顺序。
I'd use the jQuery.ajax() method to pass the file names and sort order to a PHP file that updates a table in MySQL. All you need in the table are two columns - one for filename and one for sort order.