php 图片可以拖动,JQuery可拖动图像,保存位置

浅浅的花香味﹌ 2023-01-13 09:13 118阅读 0赞

好吧,它变得尴尬,已经搜索并尝试了大约5个小时,我只是在圈子里跑…

场景很简单：它是用户配置文件的标题图像,可以将其拖动到一个位置,然后将图像的顶部位置保存到数据库中.

感谢Beetroot-Beetroot的“收容：’父母’”,我对这段代码感兴趣,实际上我想要它做出反应！除了一个大问题.图片只是跳到顶部或底部.没有平滑的滚动？如果我将“父母”改为“父母”,它会很好地滚动但是…当然遏制不再存在了.救命？ ：d

JS

$(function()\{

$(".headerimage").css('cursor','s-resize');

$(".headerimage").draggable(\{ containment: 'parent', scroll: false, axis: "y", stop: function(event, ui) \{

var data = "profileheaderposition="+ui.position.top;

var destination = "/modules/users/profile/save.php";

get\_data(data, destination, function(test)\{

notice(test);

\});

\}

\});

\});

所以最后但并非最不重要的是,Header包括在内：

ui-corner-all" id="profileheader" style="overflow: hidden; width: 650px; height: 260px; position:relative;">

<?php if($profile->profileheader)\{

$size = getimagesize($profile->profileheader);

?>

![profileheader][]

正如我所说,几个小时的谷歌搜索没有给出任何结果 – 如果我不保存结果它会工作得很好,但哦,好吧……

– 编辑 –

现在我要哭了 – 我已经在这个上设置了奖金和帮助我jsfiddle的工具,但在我的网页上有一个来宾帐户：

http://www.animize.de

在那里,您可以使用用户名：Gast和pw gast登录页面 – 单击名称(gast)右上角的,您将看到配置文件 – 您可以在那里移动标题图片 – 当然它应该表现得很好用另一种方式 – 帮助:(

[profileheader]:

发表评论取消回复

表情：

评论列表（有 0 条评论，118人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery实现对话框拖动

之前项目组长让我实现一个固定的对话框可以拖动的效果，根据网上查到的代码自己写了一个对话框拖动方法，今天给大家分享一下我的代码。 function moveDialog

缺乏、安全感/ 2023年10月07日 10:48/ 0 赞/ 20 阅读

相关 php 图片可以拖动,JQuery可拖动图像,保存位置

好吧,它变得尴尬,已经搜索并尝试了大约5个小时,我只是在圈子里跑… 场景很简单：它是用户配置文件的标题图像,可以将其拖动到一个位置,然后将图像的顶部位置保存到数据库中. 感

浅浅的花香味﹌/ 2023年01月13日 09:13/ 0 赞/ 119 阅读

相关 Android可拖动View

MoveLinear 继承于LinearLayout，所以可以直接代替常用的LinearLayout. 使用方法: <包名(packages).MoveLinear

爱被打了一巴掌/ 2023年01月11日 09:10/ 0 赞/ 165 阅读

相关 java 拖动图片放大_Android图片的缩放和拖动

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家，也给大家做个参考。 import android.app.Activity; i

￡神魔★判官ぃ/ 2022年10月23日 08:19/ 0 赞/ 200 阅读

相关 jQuery实现可拖动控制进度条

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8">

我就是我/ 2022年10月20日 13:51/ 0 赞/ 205 阅读

相关 jquery插件实现图片可拖动的购物车代码

原文：[jquery插件实现图片可拖动的购物车代码][jquery] 源代码下载地址：[http://www.zuidaima.com/share/1840939779705

左手的ㄟ右手/ 2022年07月15日 20:19/ 0 赞/ 113 阅读

相关可拖动的DIV

<!DOCTYPE html> <html> <head> <title>test</title> <script sr

淡淡的烟草味﹌/ 2022年06月14日 02:18/ 0 赞/ 255 阅读

相关 Dom 可拖动div

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年06月11日 00:00/ 0 赞/ 239 阅读

相关 JavaScript鼠标拖动图片

<!DOCTYPE html> <html> <head> <style type='text/css'> img { position

深藏阁楼爱情的钟/ 2022年05月16日 00:12/ 0 赞/ 376 阅读

相关 flutter 可拖动组件Draggable、接收拖动组件容器DragTarget

可拖动组件 (1)若要组件位置变成拖动后位置,需要配合Positioned组件和Stack组件实现 (2)若只是可以拖动,但最终组件位置不改变，不使

梦里梦外;/ 2021年07月24日 23:21/ 0 赞/ 919 阅读